Gradient backgrounds are awesome!
h1 {
color: yellow; /* fallback */;
-webkit-text-fill-color: transparent;
background: -webkit-linear-gradient( left, #00ffff 0%, #97fba0 25%, #97b1fb 50%, #00ffff 100% ) repeat;
-ms-background-clip: text; -moz-background-clip:
text; background-clip: text;
-webkit-background-clip: text
}
Gradient backgrounds are awesome!
h1 {
-webkit-animation-name: masked-animation;
-webkit-animation-duration: 20s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}
@-webkit-keyframes masked-animation {
0% { background-position: 0 0;}
100% {background-position: -8000px -3000px;}
}