CSS3 spinner

dabblet.css

@keyframes rotate{
	from{
		transform:rotate(0deg) translate(-10px) rotate(0deg);
		background-color:green;
	}
	to{
		transform:rotate(360deg) translate(-10px) rotate(-360deg);
		background-color:yellow;
	}
}
.spinner{
	position:relative;
	top:0;
	left:10px;
	display:inline-block;
	width:8px;
	height:8px;
	background-color:#green;
	border-radius:5px;
	animation:.2s rotate infinite linear;
}

dabblet.html

CSS3 spinner <div class=spinner></div>

settings.json

{"view":"split","prefixfree":"1","page":"css"}