alexmwalker · February 21, 2012 23:28
diff --git a/dabblet.css b/dabblet.css
 /**
 * My Brain Hertz! 
 */
 #hertzscreen{
 width:380px;
 height:223px;
 margin: 100px auto;
 border:1px #aaa dashed;
 background: url(http://sitepointstatic.com/examples/css3/animation/hertz.png);
 animation: hertz 4s infinite linear;
 }
 @keyframes hertz {
    0% {background-position:0px 0px;}
    100% {background-position:380px 0px;}
 }


diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <div id="hertzscreen">
 	
 </div>
diff --git a/settings.json b/settings.json
 {"view":"split","prefixfree":"1","page":"css"}
	/**
	* My Brain Hertz!
	*/
	#hertzscreen{
	width:380px;
	height:223px;
	margin: 100px auto;
	border:1px #aaa dashed;
	background: url(http://sitepointstatic.com/examples/css3/animation/hertz.png);
	animation: hertz 4s infinite linear;
	}
	@keyframes hertz {
	0% {background-position:0px 0px;}
	100% {background-position:380px 0px;}
	}
	<!-- content to be placed inside <body>…</body> -->
	<div id="hertzscreen">

	</div>