jwdallas · November 17, 2012 23:57
diff --git a/dabblet.css b/dabblet.css
 /**
 * CSS loading animation
 */

 /* Setup */
 * { margin:0; padding:0 }
 body { background:#222; width:20px; margin:10% auto }


 @keyframes twist {
 	from { width:10px; transform:rotate(10deg) }
    to { width:1px; transform:rotate(360deg) }
 }
 figure { width:1px; height:40px; background:#fff;
  animation:600ms ease twist infinite alternate; vertical-align:-10px;
  display:inline-block; margin-right:40px }
diff --git a/dabblet.html b/dabblet.html
 <figure>
diff --git a/settings.json b/settings.json
 {"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* CSS loading animation
	*/

	/* Setup */
	* { margin:0; padding:0 }
	body { background:#222; width:20px; margin:10% auto }


	@keyframes twist {
	from { width:10px; transform:rotate(10deg) }
	to { width:1px; transform:rotate(360deg) }
	}
	figure { width:1px; height:40px; background:#fff;
	animation:600ms ease twist infinite alternate; vertical-align:-10px;
	display:inline-block; margin-right:40px }