CSS text effect style : demo 215

                        

                            Best jQuery
                        
                    

                        .demo{ background-color: #227e22; }
                        .text-effect{
                            color:#fff;
                            font-family: 'Audiowide', sans-serif;
                            font-size: 100px;
                            font-weight: 700;
                            letter-spacing: 1px;
                            text-align: center;
                            text-shadow: -0.01em -0.01em 0.01em #335703;
                            animation: rise 2s infinite;
                        }
                        @keyframes rise{
                            to {
                                text-shadow: 0em 0.01em #63a211, 0em 0.02em #63a211, 0em 0.02em 0.03em #63a211,
                                            -0.01em 0.01em #fff, -0.02em 0.02em #fff, -0.03em 0.03em #fff,
                                            -0.04em 0.04em #fff, -0.01em -0.01em 0.03em #335703, -0.02em -0.02em 0.03em #335703,
                                            -0.03em -0.03em 0.03em #335703;
                                transform: translateY(-0.025em) translateX(0.04em);
                            }
                        }
                        @media only screen and (max-width: 990px){
                            .text-effect{ font-size: 70px; }
                        }
                        @media only screen and (max-width: 767px){
                            .text-effect{ font-size: 60px; }
                        }
                        @media only screen and (max-width: 576px){
                            .text-effect{ font-size: 35px; }
                        }