CSS3 rotation spinner

by scheinercc

HTML

<div class="spinner">loading ...</div>

CSS

.spinner::before {
    display: inline-block;
	content: '---';
    margin: 0 1em 0 0;
	-webkit-animation: rotation 1s infinite linear;
	animation: rotation 1s infinite linear;
}
@-webkit-keyframes rotation {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}

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