CSS3 Transition - Rotating Square

by Juan Muñoz

HTML

<div class="test"></div>

CSS

.test{
    height:100px;
    width:100px;
    background:#ccc;
    -webkit-animation: burst_spin 20s infinite linear; 
}

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