May 3, 2013 09:30
diff --git a/dabblet.css b/dabblet.css
 div {
 width: 200px;
 height: 200px;
 margin: auto;
 overflow: hidden;
 }
 #e {
 background-color: lightblue;
 transform: rotate(-65deg);
 animation: rotateCW 12s linear infinite;
 }
 #e:hover { background-color: khaki}
 #w {
 transform: rotate(45deg);
 animation: rotateCCW 10s linear infinite;
 }
 #q {
 transform: rotate(30deg);
 margin-top: 80px
 }

 @-moz-keyframes rotateCW {
 0% {transform: rotate(30deg)}
 100% {transform: rotate(390deg)}
 }
 @-moz-keyframes rotateCCW {
 0% {transform: rotate(40deg)}
 100% {transform: rotate(-399deg)}
 }
diff --git a/dabblet.html b/dabblet.html
 <div id='q'>
 	<div id='w'>
 		<div id='e'></div>
 	</div>
 </div>
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":"result"}
	div {
	width: 200px;
	height: 200px;
	margin: auto;
	overflow: hidden;
	}
	#e {
	background-color: lightblue;
	transform: rotate(-65deg);
	animation: rotateCW 12s linear infinite;
	}
	#e:hover { background-color: khaki}
	#w {
	transform: rotate(45deg);
	animation: rotateCCW 10s linear infinite;
	}
	#q {
	transform: rotate(30deg);
	margin-top: 80px
	}

	@-moz-keyframes rotateCW {
	0% {transform: rotate(30deg)}
	100% {transform: rotate(390deg)}
	}
	@-moz-keyframes rotateCCW {
	0% {transform: rotate(40deg)}
	100% {transform: rotate(-399deg)}
	}