Le style transform

Présentation générale

Le style transform permet d'appliquer une translation, une rotation, une homothétie ou une déformation aux éléments d'une page.

Quelques fonctions du style transform

transform : translate(___,___) Permet d'appliquer une translation à un élément suivant l'axe X et suivant l'axe Y. Les paramètres ___ sont des longueur en px, %...
transform : scale(___,___) Permet d'appliquer un changement d'échelle à un élément suivant l'axe X et suivant l'axe Y. Les paramètres ___ sont des valeurs sans unité.
Une valeur :
   = à 1 ne modifie pas la taille,
    < 1 diminue la taile,
    > 1 augmente la taille).
transform : rotate(___) Permet d'appliquer une rotation à un élément. Le paramètre ___ est un angle en deg, rad ou turn.
transform : skew(___,___) Permet d'appliquer une déformation à un élément. Les paramètres ___ sont des angles en deg, rad ou turn.

Exemples

Normal
Translation
Echelle
Rotation
Déformation