CSS3 Circle load rotator

style.css

/*** Loader ***/
.loader-ball1 {
	background-color: rgba(0,0,0,0);
	border:5px solid rgba(0,183,29,.9);
	opacity:.5;
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:50px;
	box-shadow: 0 0 35px #009720;
	width:50px;
	height:50px;
	margin:0 auto;
	-moz-animation:spin 2s infinite linear;
	-webkit-animation:spin 2s infinite linear;
}
.loader-ball2 {
	background-color: rgba(0,0,0,0);
	border:5px solid rgba(0,183,29,.5);
	opacity:.9;
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:50px;
	box-shadow: 0 0 15px #009720;
	width:50px;
	height:50px;
	margin:0 auto;
	position:relative;
	top:-60px;
	-moz-animation:spinoff 1.25s infinite linear;
	-webkit-animation:spinoff 1.25s infinite linear;
}
@-moz-keyframes spin {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(-360deg); }
}