Le style transform

Exemples

Normal
Translation
Echelle
Rotation
Déformation

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.