A try to create the Gmail 2 loader for ios (in progress)

dabblet.css

/**
 * A try to create the Gmail 2 loader for ios (in progress)
 */
body { text-align: center; margin: 2em; }
i {
	font: 0/0 a;
	overflow: hidden;
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background: red;
}
/* half circle */
i>i {
	content: "";
	position: absolute;
	right: 0;
	width: 10px;
	height: inherit;
	background: blue;
	border-radius: 0 20px 20px 0;
	transition: all 2s;
	transform-origin: left;
}
i:hover>i {
	
}

dabblet.html

<i><i>Loading...<i></i>

dabblet.js

// alert('Hello world!');

settings.json

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