DO THIS

dabblet.css

/**
 * DO THIS
 */

p {
	border: 100px;
	color: #a92;
	font: italic 200% Georgia, serif;
	transition: 1s cubic-bezier(.9,.6,.8,.8);
	width: 400px;	
	outline: 10px solid red;
}

.rot:hover {
	transform: rotate(360deg);
}

p, html {
	display: table-cell;
	vertical-align: middle
}

dabblet.html

<p class="rot vc">I ♥ WebPlatform.org!</p>

dabblet.js

// alert('Hello world!');

settings.json

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