piatra · November 1, 2012 21:23
diff --git a/dabblet.css b/dabblet.css
 .ball {
 	background:lightgreen;
 	background:-webkit-linear-gradient(#222, lightgreen);
 	width:200px;
 	height:200px;
 	border-radius:50%;
 	position:absolute;
 	left:0;
 }

 .container {
 	padding:100px;
 }

 .container:hover .ball {
 	left:500px;
 	-webkit-transition-duration:2s;
 	-webkit-transform:rotate(180deg);
 }
diff --git a/dabblet.html b/dabblet.html
 <div class="container">
 	<div class="ball"></div>	
 </div>
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	.ball {
	background:lightgreen;
	background:-webkit-linear-gradient(#222, lightgreen);
	width:200px;
	height:200px;
	border-radius:50%;
	position:absolute;
	left:0;
	}

	.container {
	padding:100px;
	}

	.container:hover .ball {
	left:500px;
	-webkit-transition-duration:2s;
	-webkit-transform:rotate(180deg);
	}