Skip to content

Instantly share code, notes, and snippets.

@dalmaer
Created December 16, 2011 16:54
Show Gist options
  • Save dalmaer/1486855 to your computer and use it in GitHub Desktop.
Save dalmaer/1486855 to your computer and use it in GitHub Desktop.
section {
position: relative;
margin-top: -140px;
}
p, p:before {
position: absolute;
top: 0;
left: 0;
-webkit-box-reflect: below -120px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0)50%,rgba(0,0,0,0.75))
}
p {
font-size: 140px;
text-shadow: 0 0 20px #02a2de;
color: #009cff;
}
p:before {
display: block;
content: attr(title);
color: #fff;
-webkit-mask-image: -webkit-linear-gradient(-60deg,rgba(0,0,0,1), rgba(0,0,0,0.5) 49%, rgba(0,0,0,0.2) 50%,rgba(0,0,0,0));
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment