Utility
Tools
Wix CSS Code - Rotating Gradient Text Animation
Wix CSS Code - Rotating Gradient Text Animation

The following code creates a rotating color change animation. It changes the color in a circle in a text element.
Add the colors in code
background: conic-gradient(from 0deg, #00f5d4, #7209b7, #3a86ff);
Control the time of animation from code line
animation: rotateGradient 5s linear infinite;
and control the rotation gradient colors in the code
0% { background: conic-gradient(from 0deg, #00f5d4, #7209b7, #3a86ff); }
100% { background: conic-gradient(from 360deg, #00f5d4, #7209b7, #3a86ff); }
Code
.css-tutorial {
background: conic-gradient(from 0deg, #00f5d4, #7209b7, #3a86ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
animation: rotateGradient 5s linear infinite;
}
@keyframes rotateGradient {
0% { background: conic-gradient(from 0deg, #00f5d4, #7209b7, #3a86ff); }
100% { background: conic-gradient(from 360deg, #00f5d4, #7209b7, #3a86ff); }
}