crazyrohila · March 1, 2013 20:50
diff --git a/dabblet.css b/dabblet.css
 /**
 * coming through.
 */

 @keyframes gola {
 	0%{ transform: rotate(0deg) scale(.01) skew(0,0); top:0;}
 	15%{ transform: rotate(0deg) scale(.01) skew(0,0); top:0;}
 	100%{ transform: rotate(720deg) scale(7) skew(10deg,10deg); top:90%;}
 }

 .gola {
 	width:150px;
 	height: 150px;
 	background-image: linear-gradient(left, green, red);
 	border-radius: 50%;
 	position: absolute;
 	left: 40%;
 	animation: gola 3s ease-in infinite;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <div id="main">
 	<div class="gola"></div>
 </div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* coming through.
	*/

	@keyframes gola {
	0%{ transform: rotate(0deg) scale(.01) skew(0,0); top:0;}
	15%{ transform: rotate(0deg) scale(.01) skew(0,0); top:0;}
	100%{ transform: rotate(720deg) scale(7) skew(10deg,10deg); top:90%;}
	}

	.gola {
	width:150px;
	height: 150px;
	background-image: linear-gradient(left, green, red);
	border-radius: 50%;
	position: absolute;
	left: 40%;
	animation: gola 3s ease-in infinite;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div id="main">
	<div class="gola"></div>
	</div>