Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Box shadow art, CSS transitions, via https://gist.github.com/cahnory
/**
* Box shadow art, CSS transitions, via https://gist.github.com/cahnory
*/
.image1 {
background: red;
font-size: 10px;
height: 1em;
width: 1em;
/* Drawing */
box-shadow: 1em 0 #000,
0 1em #000;
transition: all 350ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
}
.image1:hover {
font-size: 50px;
}
Roll over the red square :
<div class="image1"></div>
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.