CSS text effect style : demo 47

Best jQuery

HTML

                        
Best jQuery

CSS

(Fonts required : Carter One)
                        .demo{ background-color: #f6f6f6; }
                        .text-effect{
                            color: transparent;
                            background-image: linear-gradient(70deg, rgb(64, 224, 208), rgb(255, 140, 0), rgb(255, 0, 128), rgb(64, 224, 208), rgb(255, 140, 0), rgb(255, 0, 128));
                            background-size: 200%;
                            background-clip: text;
                            -webkit-background-clip: text;
                            font-family: 'Carter One', cursive;
                            font-size: 100px;
                            text-align: center;
                            text-transform: uppercase;
                            animation: animate 1.5s infinite linear;
                        }
                        @keyframes animate{
                            0%{ background-position: 0%; }
                            100%{ background-position: 100%; }
                        }
                        @media only screen and (max-width: 990px){
                            .text-effect{ font-size: 65px; }
                        }
                        @media only screen and (max-width: 767px){
                            .text-effect{ font-size: 50px; }
                        }
                        @media only screen and (max-width: 479px){
                            .text-effect{ font-size: 36px; }
                        }
                        @media only screen and (max-width: 359px){
                            .text-effect{ font-size: 27px; }
                        }
                    
License Terms