Rotate a red block

dabblet.css

/* Rotate a red block */
body {margin: 100px; padding:0}
.parent {
	width: 200px;
	height: 200px;
	background: yellow;
}
.rotateMe {
 width: 100%;
 height: 100%;
 background: red;
 -webkit-transform:rotate(25deg);
 -moz-transform:rotate(25deg);
 transform:rotate(25deg);

	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

dabblet.html

<div class="parent">
<div class="rotateMe"></div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}