Spinner CSS3

spinner.css

.spinner {
	width: 40px;
	height: 40px;
	margin: 50px auto;
	background-color: #555;
	border-radius: 100%;
	-webkit-animation: scaleout 1s infinite ease-in-out;
	animation: scaleout 1s infinite ease-in-out;
}

.white_spinner {
    background-color:white
}
@-webkit-keyframes scaleout {
    from {
        -webkit-transform:scale(0.0)
    }
    100% {
        -webkit-transform:scale(1.0);
        opacity:0
    }
}
@keyframes scaleout {
    from {
        transform:scale(0.0)
    }
    100% {
        transform:scale(1.0);
        opacity:0
    }
}