Instantly share code, notes, and snippets.

Embed
What would you like to do?
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