Rotating smiley

dabblet.css

/**
 * Rotating smiley
 */
 
@keyframes outer {
	100% { transform: rotate(360deg) }
}

@keyframes inner {
	100% { transform: rotate(-360deg) }
}

body {
	background-color: slategray;
}

div {
	position: absolute;
	left: 100px;
	top: 50px;
	width: 300px;
	height: 300px;
	animation: 3s outer infinite linear;
}

img {
	position: absolute;
	animation: 3s inner infinite linear;
}

dabblet.html

<div><img src="http://lea.verou.me/css3-workshop-mobilede/img/smile.png"></div>

settings.json

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