load animation

dabblet.css

/**
 * load animation
 */
.circle{
	position:absolute;
	border:5px red solid;
	border-color:red red transparent transparent;
	width:190px;
	height:190px;
	border-radius:100px 100px 100px 100px;
	animation:turn 5s linear;
	transform:rotate(45deg);

}
.parent{
	position:absolute;	
	width:200px;
	height:200px;
	clip:rect(0px,200px,200px,100px);
}
@keyframes turn{
	0%{
		transform:rotate(-135deg);
	}
	100%{
		transform:rotate(45deg);
	}
}

dabblet.html

<div class="parent"><div class="circle">&nbsp;</div></div>

dabblet.js

// alert('Hello world!');

settings.json

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