OllyHodgson · October 3, 2012 09:05
diff --git a/dabblet.css b/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;
 }
diff --git a/dabblet.html b/dabblet.html
 Roll over the red square :
 <div class="image1"></div>
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* 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;
	}