Move in a circle without wrapper elements

dabblet.css

/**
 * Move in a circle without wrapper elements
 * Idea by Aryeh Gregor, simplified by Lea Verou
 */

@keyframes rot {
	from{
		transform: translate3d(450px,0,0);

	}
}

.smile {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 200px;
	//left: 700px;
	left: 250px;
	margin: -20px;
	font-size: 100px;
	transition: transform 1s ease-in-out;
	transform: translate3d(450px, 0,0);
	//animation: trans 2s ease-in;
}

dabblet.html

<div class="smile">☺</div>

settings.json

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