hstspreload spinner

dabblet.css

html, body {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.spinner {
	width: 2em;
	height: 2em;
	border-radius: 1.25em;
	border: 0.25em solid rgba(0, 0, 0, 0);
	border-top: 0.25em solid rgba(0, 0, 0, 0.7);
	border-right: 0.25em solid rgba(0, 0, 0, 0.7);
	animation: spinnerRotate 1s linear infinite;
}
@keyframes spinnerRotate{
	from { transform:rotate(0deg); }
	to { transform:rotate(360deg); }
}

dabblet.html

<div id="spinner" class="spinner"></div>

settings.json

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