Wix CSSコード - 回転グラデーションテキストアニメーション

以下のコードは、回転する色変化アニメーションを作成します。テキスト要素内の円内の色が変化します。

コードで色を追加する

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); }

コード

.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); }
}