colourgarden/dabblet.css

## dabblet.css
/**
 * Spinning timer two
 */

html{
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height:100%;
}

.spinner{
	position: absolute;
	display: block;
	width: 100px;
	height: 100px;
	left: 50%;
	margin-left: -50px;
	top: 40%;
	background: #fff;
	border-radius: 100% 100% 50%;
	animation: rotate 1s infinite linear;
}

@keyframes rotate {
	to{ transform: rotate(360deg); }
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->

<span class="spinner"></span>

## settings.json
{"view":"split","prefixfree":"1","page":"css"}
	/**
	* Spinning timer two
	*/

	html{
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height:100%;
	}

	.spinner{
	position: absolute;
	display: block;
	width: 100px;
	height: 100px;
	left: 50%;
	margin-left: -50px;
	top: 40%;
	background: #fff;
	border-radius: 100% 100% 50%;
	animation: rotate 1s infinite linear;
	}

	@keyframes rotate {
	to{ transform: rotate(360deg); }
	}
	<!-- content to be placed inside <body>…</body> -->

	<span class="spinner"></span>