CSS text effect style : demo 190

Best jQuery

HTML

                        
Best jQuery

CSS

(Fonts required : Train One)
                    .text-effect{
                        color: #fff;
                        font-family: 'Train One', cursive;
                        font-size: 100px;
                        font-weight: 400;
                        text-align: center;
                        animation: glow 1.5s linear infinite;
                    }
                    @keyframes glow{
                        50%{
                            text-shadow: 0 0 0.5vw #8f2626, 0 0 2vw #ff0000, 0 0 3vw #ff3366,
                            0 0 3vw #fff, 0 0 5vw #fed641, 0 0 3vw #fed641, 0 0 2vw #ff69b4,
                            0 0 0.5vw #ff69b4;
                            color: #ff6347;
                            filter: blur(0.3px);
                        }
                        0%,
                        100%{
                            text-shadow: 0 0 0.5vw #e01c1c, 0 0 1vw #e01c1c, 0 0 2vw #ff3366,
                            0 0 3vw #ff3366, 0 0 5vw #ff3366, 0 0 2vw #ff3366, 0 0 1vw #ff3366,
                            0 0 0.5vw #8f2626;
                            color: #ff3366;
                            text-stroke: 0.1px #ff69b4;
                        }
                    }
                    @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; }
                    }
                    
License Terms