Select Page

Gradients are back!

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

 

Keep on reading

Stick around, there’s more content where that came from.