CSS text effect style : demo 151

                        

                            Best jQuery
                        
                    

                    .text-effect{
                        color: #fff;
                        background: linear-gradient(to right, #095fab 10%, #25abe8 50%, #57d75b 60%);
                        background-size: 200% auto;
                        font-family: 'Marck Script', cursive;
                        font-size: 100px;
                        font-weight: 600;
                        text-align: center;
                        -webkit-background-clip: text;
                        -moz-background-clip: text;
                        background-clip: text;
                        -webkit-text-fill-color: transparent;
                        -moz-text-fill-color: transparent;
                        text-fill-color: transparent;
                        animation: animate 1.8s linear infinite;
                    }
                    @keyframes animate{
                        to{ background-position: 200% center; }
                    }
                    @media only screen and (max-width: 990px){
                        .text-effect{ font-size: 70px; }
                    }
                    @media only screen and (max-width: 767px){
                        .text-effect{ font-size: 55px; }
                    }
                    @media only screen and (max-width: 576px){
                        .text-effect{ font-size: 45px; }
                    }