CSS text effect style : demo 16

Best jQuery

HTML

                        
Best jQuery

CSS

(Fonts required : Monoton)
                        .demo {background-color: #e7e7e7;}
                        .text-effect{
                            color: white;
                            font-size: 100px;
                            font-family: 'Monoton';
                            line-height: 50px;
                            text-align: center;
                            margin-top: 50px;
                            display: block;
                            animation: 1s effect infinite alternate linear;
                        }
                        @keyframes effect{
                            0%   { text-shadow: 0 0 8px #04ce1f, 0 0 8px #04ce1f, 0 0 13px #04ce1f; }
                            50%   { text-shadow: -5px -5px 15px #04ce1f, -5px 5px 15px #04ce1f, -5px -5px 40px #04ce1f; }
                            100%   { text-shadow: 5px 5px 15px #04ce1f, 5px -5px 15px #04ce1f, 5px 5px 40px #04ce1f; }
                        }
                        @media only screen and (max-width: 990px){
                            .text-effect{ font-size: 80px; }
                        }
                        @media only screen and (max-width: 767px){
                            .text-effect{ font-size: 55px; }
                        }
                        @media only screen and (max-width: 479px){
                            .text-effect{ font-size: 40px; }
                        }
                        @media only screen and (max-width: 359px){
                            .text-effect{ font-size: 35px; }
                        }
                    
License Terms