Untitled

dabblet.css

i {
	border-radius:100%;
	display:block;
	left:50%;
	top:50%;
	position:relative;
	
	animation: spin 1.5s linear infinite;

}

i.one {
	border:solid grey;
	border-top-color:transparent;
	border-width:1em;
	height:1em;
	width:1em;
	margin:-1.5em 0 0 -1.5em;
	animation-time: 10.5s;
}

i.two {
	border:solid grey;
	border-top-color:transparent;
	border-width:1em;
	height:5em;
	width:5em;
	position:absolute;
	margin:-3.5em 0 0 -3.5em;
	animation-time: 1s;
}

@keyframes spin {
  100% { transform: rotate(360deg); }
}

dabblet.html

<i class="two"><i class="one"></i></i>

dabblet.js

// alert('Hello world!');

settings.json

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