CSS text effect style : demo 193

                        

                            Best jQuery
                        
                    

                    .text-effect{
                        color: #508349;
                        font-family: 'Audiowide', cursive;
                        font-size: 100px;
                        font-weight: 400;
                        text-align: center;
                        animation: outline 1s ease-in-out 1.5s forwards infinite;
                    }
                    @keyframes outline{
                        from{ text-shadow: 0em -7em 10em #fff; }
                        to { text-shadow: 0 0.02em #fff, 0.02em 0 #fff, -0.02em 0 #fff, 0 -0.02em #fff; }
                    }
                    @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; }
                    }