Come ruotare all’infinito una DIV

Tramite il foglio di stile CSS possiamo animare qualsiasi nostra creazione. In questo articolo ci limitiamo su come ruotare all’infinito una DIV. Ecco un semplice esempio in CSS molto utile:

CSS

div {
    border-radius: 25%;
    margin: 50px;
    width: 256px;
    height: 256px;
    background-color: #123654;       
    animation-name: ruota;
    animation-duration: 1000ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;    
}
@keyframes ruota {
    from { 
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

HTML

<div></div>