Spinner

SVG spinner set in data uri and rotated by css animation

by AntowaKartowa

HTML

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

CSS

html, body {
	position: relative;
	height: 100%;
	margin: 0;
}

.wrapper {
	height: 100%;
	text-align: center;
}

.wrapper:before {
	content: "";
	display: inline-block;
	position: relative;
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.spinner {
	display: inline-block;
	width: 15px;
	height: 15px;
	background:...