Simple CSS3 rotation animations.

spinners.css

/*  The class that applies the animation. */
.spinner {
	display: inline-block;
	@include prefixer(animation, spin 2s infinite linear, webkit moz ms o spec);
}


/*  The vendor-specific and generic animation keyframes.
 *  These control the direction and nature of the animation. */

@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spin {
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); }
}

@-ms-keyframes spin {
	0% { -ms-transform: rotate(0deg); }
	100% { -ms-transform: rotate(360deg); }
}

@-o-keyframes spin {
	0% { -o-transform: rotate(0deg); }
	100% { -o-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}