argyleink · February 25, 2013 19:23
diff --git a/dabblet.css b/dabblet.css
 /**
 * Infinite Animation Example
 */
 
 div {
 	width:100px; height:100px; 
 	background-color:red;
 	position:absolute;
 	
 	animation: in_and_out 1s ease-in-out infinite;
 }

 @keyframes in_and_out { 
   0%     { left:0; }
   50%    { 
   		transform: translateX(100px) rotateX(180deg); 
   		width:200px; 
   		background-color:orange; 
   } 
   100%   { left:0; } 
 }
diff --git a/dabblet.html b/dabblet.html
 <div></div>
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Infinite Animation Example
	*/

	div {
	width:100px; height:100px;
	background-color:red;
	position:absolute;

	animation: in_and_out 1s ease-in-out infinite;
	}

	@keyframes in_and_out {
	0% { left:0; }
	50% {
	transform: translateX(100px) rotateX(180deg);
	width:200px;
	background-color:orange;
	}
	100% { left:0; }
	}