Skip to content

Instantly share code, notes, and snippets.

@chriscoyier
Created April 10, 2012 20:51
Show Gist options
  • Save chriscoyier/2354391 to your computer and use it in GitHub Desktop.
Save chriscoyier/2354391 to your computer and use it in GitHub Desktop.
Shadow Triangle
/* Shadow Triangle */
span {
display: inline-block;
transform: scaleX(2.5);
color: #BADA55;
text-shadow:
0 2px 2px rgba(255,255,255,0.7),
0 10px 4px rgba(0,0,0,0.5);
font-size: 32px;
}
span:hover {
transition: all 0.2s ease;
transform: scaleX(2.5) translateY(4px);
text-shadow:
0 1px 1px rgba(0,0,0,0.5);
}
body {
padding: 20px;
}
<span>▲</span>
{"view":"split","fontsize":"80","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment