a simple css3 spinner

css-spinner.html

<style type="text/css">
.spinner {
    display: block;
    width: 15px;
    height: 15px;
    margin: 80px 80px;
    position: relative;
 
    border: 5px solid grey;
    border-top-color: black;
    border-radius: 100%;
 
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -ms-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
 }
 
@-webkit-keyframes spin {
    to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    to { -moz-transform: rotate(360deg); }
}
@-ms-keyframes spin {
    to { -ms-transform: rotate(360deg); }
}
@-o-keyframes spin {
    to { -o-transform: rotate(360deg); }
}
@keyframes spin {
    to { transform: rotate(360deg); }
}
</style>
<span class="spinner"></span>