Untitled

dabblet.css

@-webkit-keyframes swinging {
	from {
		-webkit-transform: rotate(-12deg);
	}
	to {
		-webkit-transform: rotate(32deg);
	}
}

@-moz-keyframes swinging {
	from {
		-moz-transform: rotate(-12deg);
	}
	to {
		-moz-transform: rotate(32deg);
	}
}

@-o-keyframes swinging {
	from {
		-o-transform: rotate(-12deg);
	}
	to {
		-o-transform: rotate(32deg);
	}
}

@keyframes swinging {
	from {
		transform: rotate(-12deg);
	}
	to {
		transform: rotate(32deg);
	}
}
.swing {
-webkit-animation: swinging 1s ease-in-out infinite alternate;
	-moz-animation: swinging 1s ease-in-out infinite alternate;
	-o-animation: swinging 1s ease-in-out infinite alternate;
	animation: swinging 1s ease-in-out infinite alternate;
	
}

#vomit {
	width: 300px;
	height: 300px;
	background: #CCC;
	margin: 100px auto 0px;
	padding: 20px;
}

dabblet.html

<div id="vomit" class="swing">
	HI
	<br>
	hello
</div>

settings.json

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