Skip to content

Instantly share code, notes, and snippets.

@carlos-sanchez

carlos-sanchez/text-gradients.css

Created November 14, 2013 04:04
Show Gist options
  • Save carlos-sanchez/7461166 to your computer and use it in GitHub Desktop.
Save carlos-sanchez/7461166 to your computer and use it in GitHub Desktop.
Download ZIP
Text Gradients.
Raw
text-gradients.css
/* CSS text gradients */
h2[data-text] {
position: relative;
}
h2[data-text]::after {
content: attr(data-text);
z-index: 10;
color: #e3e3e3;
position: absolute;
top: 0;
left: 0;
-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)));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment