CSS Gradient Text

Oktober 30, 2014

To create a gradient text, we can use CSS.
Here the CSS:


azh {
font-size: 24px;
background: -webkit-linear-gradient(#696969, #333333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


ash {
font-size: 24px;
background: -webkit-linear-gradient(#8CA800, #FF4E28);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

Enjoy!

See the Pen CSS GRADIENT TEXT by Erna Ayuning Nareswari (@ashavenger) on CodePen.