Animated Gradiant Effect
/*
1. Replace "your headline Selector ID" with the actual ID selector of your headline.
2. Replace the gradient colors with your preferred colors in the linear-gradient property.
3. Adjust the animation time (4s) to your desired duration.
*/
#yourCSSSelector h1 strong {
background: linear-gradient(to right, #121FCF 0%, #CF1512 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 200% auto;
animation: slide 4s linear infinite;
}
@keyframes slide {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}Instructions
Last updated
Was this helpful?

