alexmwalker · February 21, 2012 00:47
diff --git a/dabblet.css b/dabblet.css
 /**
 * Dabblet: CSS3 animation basics
 */

 @keyframes mysimpleanimation { /* flame pulses */
    0% {background-color:#f00;}
    100% {background-color:#00f;}
 }
 #example {
  margin:20px;
  width:200px;
  height:200px;
  background-color:#f00;
  animation: mysimpleanimation 4s infinite;
  position:absolute;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->


 <div id="example">
 </div>
diff --git a/settings.json b/settings.json
 {"view":"split","prefixfree":"1","page":"css"}
	/**
	* Dabblet: CSS3 animation basics
	*/

	@keyframes mysimpleanimation { /* flame pulses */
	0% {background-color:#f00;}
	100% {background-color:#00f;}
	}
	#example {
	margin:20px;
	width:200px;
	height:200px;
	background-color:#f00;
	animation: mysimpleanimation 4s infinite;
	position:absolute;
	}
	<!-- content to be placed inside <body>…</body> -->


	<div id="example">
	</div>