Animated Gradient Text

Learn how to create an animated gradient text in Webflow

‍

Here is the custom code: 


<style>
    .text-gradient { 
    -webkit-text-fill-color: transparent;    
    text-fill-color: transparent;    
    background-size: 500% auto;    
    animation: gradientMove 3s ease-in-out infinite alternate;
    }
    
    @keyframes gradientMove {    
    	0% {background-position: 0% 50%;}    
      100% {background-position: 100% 50%;}
    }
 </style>