Box shadow art, CSS transitions, via https://gist.github.com/cahnory

dabblet.css

/**
 * 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;
}

dabblet.html

Roll over the red square :
<div class="image1"></div>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}