CSS3 text gradient effect. Only support WebKit kernel browsing


A small effect of css3. Key code is as follows.

font-size:80px;
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

The example of the effect of the following

Never Give up!

Posted by Sandy at November 16, 2013 - 9:09 PM