Propriété de transformation CSS: rotate [3sti]

Créer un nouveau fichier html (activite17.html) et ajouter dans body :

<div class="rotate1"></div>
<div class="rotate2"></div>
<div class="rotate3"></div>

Dans un fichier css externe ajouter :

div {
    width: 50px;
    height: 50px;
    background-color: chocolate;
}

Tester le résultat!

Ajouter un style à la classe “.rotate1”:

.rotate1{
      transform: rotate(35deg); 
}

Tester le résultat!

Puis ajouter un style à la classe “.rotate2”

.rotate2:hover {
    transform: rotate(35deg); 
    background-color: deeppink;
}

Tester le résultat!