Skip to content

Instantly share code, notes, and snippets.

@kakugyou
Forked from chriscoyier/dabblet.css
Created April 24, 2012 03:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kakugyou/2475984 to your computer and use it in GitHub Desktop.
Save kakugyou/2475984 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