valhead/dabblet.css

## dabblet.css
/**
 * Basic transform
 */

body {
background:#333;
}

div {
width:200px;
height:100px;
background:#ff00ff;
margin:10em 4em;
transform: rotate(20deg) skewX(30deg);
}

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

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

	body {
	background:#333;
	}

	div {
	width:200px;
	height:100px;
	background:#ff00ff;
	margin:10em 4em;
	transform: rotate(20deg) skewX(30deg);
	}
	<!-- content to be placed inside <body>…</body> -->
	<div></div>