valhead/dabblet.css

## dabblet.css
/**
 * Basic transition
 */

body {
background:#333;
}

div {
width:200px;
height:100px;
background:#ff00ff;
margin:10em 4em;
transition: all 2s ease-in-out;
}

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 transition
	*/

	body {
	background:#333;
	}

	div {
	width:200px;
	height:100px;
	background:#ff00ff;
	margin:10em 4em;
	transition: all 2s ease-in-out;
	}

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