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