Css Loading Spinner

by blowsie

HTML

<div id='test' class='rotating'>↻</div>

CSS

#test {
    height:24px; width:24px;
    font-size:24px;
    line-height:24px;
   margin:50px
}

@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}

.rotating {
    -webkit-animation: rotating 1s linear infinite;
}