Gradient Text using CSS

Posted by Vishalneeraj-24503 under CSS 3 category on | Points: 40 | Views : 1602
This is a WebKit only,but is the cleanest way to accomplish it as the text remains editable and selectable web text.
Write below CSS code for h1 font:-

font-size: 72px;
background: -webkit-linear-gradient(#eee, #333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

Comments or Responses

Posted by: Sheonarayan on: 4/7/2015 Level:HonoraryPlatinum | Status: [Administrator] | Points: 10
The title of the post and code is not in sync. I do not see how this text will become editable. Even I tried to run this code and it only gives gradient effect.

Please correct post title for this as well as other posts.

Login to post response