andrewdh · July 19, 2012 16:01
diff --git a/dabblet.css b/dabblet.css
 /**
 * Abstract Border Radius Shapes
 */

 .shape {
 	background-color: hsla(50,100%,50%,1);
 	width: 10%;
 	height: 7em;
 	margin: 2em auto;
 	border-radius: 90% 10% 90% 10% / 50% 10% 50% 10%;
 	transition: all .5s ease;
 }

 .shape:hover {
 	border-radius: 50%;
 }
diff --git a/dabblet.html b/dabblet.html
 <div class="shape"></div>
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Abstract Border Radius Shapes
	*/

	.shape {
	background-color: hsla(50,100%,50%,1);
	width: 10%;
	height: 7em;
	margin: 2em auto;
	border-radius: 90% 10% 90% 10% / 50% 10% 50% 10%;
	transition: all .5s ease;
	}

	.shape:hover {
	border-radius: 50%;
	}