Robot/animate.css
1
0
Fork 0
mirror of https://github.com/animate-css/animate.css.git synced 2024-11-17 17:45:17 +01:00
Code Issues Projects Releases Packages Wiki Activity

add gradient text anim

Browse source
This commit is contained in:
masterbordbar 2022-05-19 10:57:17 +00:00
parent 61d13bad4b
commit a5cf711b22
1 changed files with 21 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
source/gradient/gradientText.css Normal file
View file

@ -0,0 +1,21 @@
@keyframes gradientText {
from {
background-position : 0;
}
to {
background-position : 100%;
}
}
.gradientText {
background: #12c2e9;
background: linear-gradient(to right, #f64f59, #c471ed, #12c2e9);
background-clip: text;
color : transparent;
background-size : 300%;
background-position : -200%;
animation-name: gradientText;
animation-iteration-count: infinite;
animation-direction: alternate-reverse;
}