Rotation d'une photo

Comment faire pivoter des photos dans les pages Web.

image alt <

L’image est insérée avec un identifiant :

<img src="photo.jpg" alt="" id="rotation" />

Il faudra indiquer au css :

#rotation {
    transform: rotate(-10deg);
}

Ici la transformation se fait à partir du centre de la photo, mais ceci est modifiable :
Pour que la photo pivote à partir du coin en haut à gauche, il suffit d’ajouter au css :

transform-origin: 0 0; /* La transformation partira du coin en haut à gauche */

Sur le même sujet

comments powered by Disqus