Difference between revisions of "User:Donald/common.css"
From Tycoon Gaming
(Created page with "span { animation: textAnimate 5s linear infinite alternate; } @keyframes textAnimate { from { filter: hue-rotate(0deg); background-position-x: 0%; } to {...") |
|||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | + | .animate { | |
| − | animation: textAnimate 5s linear infinite alternate; | + | background: -webkit-linear-gradient( 92deg, #95d7e3, #eb76ff ); |
| + | background-size:600vw 600vw; | ||
| + | |||
| + | -webkit-background-clip: text; | ||
| + | -webkit-text-fill-color: transparent; | ||
| + | animation: textAnimate 5s linear infinite alternate; | ||
} | } | ||
@keyframes textAnimate { | @keyframes textAnimate { | ||
| − | + | 0% { | |
filter: hue-rotate(0deg); | filter: hue-rotate(0deg); | ||
| − | |||
| − | |||
} | } | ||
| − | + | 100% { | |
filter: hue-rotate(360deg); | filter: hue-rotate(360deg); | ||
| − | |||
| − | |||
} | } | ||
} | } | ||
Latest revision as of 18:26, 14 April 2022
.animate {
background: -webkit-linear-gradient( 92deg, #95d7e3, #eb76ff );
background-size:600vw 600vw;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: textAnimate 5s linear infinite alternate;
}
@keyframes textAnimate {
0% {
filter: hue-rotate(0deg);
}
100% {
filter: hue-rotate(360deg);
}
}
