LeaVerou · February 7, 2013 01:38
diff --git a/dabblet.css b/dabblet.css
 /**
 * The first commented line is your dabblet’s title
 */

 html { background: gainsboro; } 

 body {
 	margin: 3em auto 0;
 	width: 6em;
 	height: 6em;
 	border: 5em solid;
 	border-color: #43a1cd #e1e23b #ba3e2e #272b66;
 	border-radius: 16em;
 	background: white;
 	box-shadow: 0 0 0 2em white;
 }

 @keyframes rot { to { transform: rotate(360deg); } }

 body:hover {
 	animation: rot .3s infinite linear;	
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* The first commented line is your dabblet’s title
	*/

	html { background: gainsboro; }

	body {
	margin: 3em auto 0;
	width: 6em;
	height: 6em;
	border: 5em solid;
	border-color: #43a1cd #e1e23b #ba3e2e #272b66;
	border-radius: 16em;
	background: white;
	box-shadow: 0 0 0 2em white;
	}

	@keyframes rot { to { transform: rotate(360deg); } }

	body:hover {
	animation: rot .3s infinite linear;
	}