Posted By

Nettuts on 03/02/11


Tagged


Versions (?)

Who likes this?

24 people have marked this snippet as a favorite

cplusplus
toddly
Martina98
lilumi
sethetter
polly42
mdjamal
shalomfriss
jmillersnipplr
laurentzziu
to-ny
Hollgam
logik42
yoitsben
o0110o
lookingforsome
mrtess
adambundy
misnoul
trancecoder
Priestd09
yusege
nellynette
Internet-Uzver


Pure CSS Text Gradients


 / Published in: CSS
 

  1. /* CSS text gradients */
  2. h2[data-text] {
  3. position: relative;
  4. }
  5. h2[data-text]::after {
  6. content: attr(data-text);
  7. z-index: 10;
  8. color: #e3e3e3;
  9. position: absolute;
  10. top: 0;
  11. left: 0;
  12. -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,1)), to(rgba(0,0,0,0)));

Report this snippet  

Comments

RSS Icon Subscribe to comments
Posted By: toddly on March 5, 2015

How should the html be formed for this to take effect?

Posted By: riya123 on November 22, 2019

Amazing work good work Hi here download free latest apk download latest free apk from here fast and free apk

You need to login to post a comment.