janily/dabblet.css

## dabblet.css
#box {
width:100px;
height:100px;
border:6px solid #444;
background:red;
animation:change 3s infinite;
}
@keyframes change {
0% {background:red;}
100% {background:blue;}
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="box">
</div>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	#box {
	width:100px;
	height:100px;
	border:6px solid #444;
	background:red;
	animation:change 3s infinite;
	}
	@keyframes change {
	0% {background:red;}
	100% {background:blue;}
	}
	<!-- content to be placed inside <body>…</body> -->
	<div id="box">
	</div>