valhead/dabblet.css

## dabblet.css
/**
 * Basic animation
 */

body {
background:#333;
}
.anim {
animation-name: rotate;
animation-duration:4s;
animation-iteration-count: 1;
transform-origin: 50% 0px;
transition-timing-function: linear;
}


div {
width:200px;
height:100px;
background:#ff00ff;
margin:10em 4em;
}

div:hover {
transform: translate(50px,0px);
}

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

## settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Basic animation
	*/

	body {
	background:#333;
	}
	.anim {
	animation-name: rotate;
	animation-duration:4s;
	animation-iteration-count: 1;
	transform-origin: 50% 0px;
	transition-timing-function: linear;
	}



	div {
	width:200px;
	height:100px;
	background:#ff00ff;
	margin:10em 4em;
	}

	div:hover {
	transform: translate(50px,0px);
	}
	<!-- content to be placed inside <body>…</body> -->
	<div></div>