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