Propriétés: transform2D

Quelles transformations ?

Il existe plusieurs types de transformation CSS 2D :

• rotate(angle) permet d’appliquer une rotation.
• scale(x,y), scaleX(x) et scaleY(y) permettent de mettre à l’échelle.
• skew(anglex,angley), skewX(anglex) et skewY(angley) permettent d’incliner un élément.
• translate(x,y), translateX(x) et translateY(y) permettent d’appliquer une translation.
• matrix(a, c, b, d, x, y) permet d’appliquer une matrice de transformation.

La syntaxe

Axe de transformation ?

Par défaut, une transformation s’applique par rapport au centre de l’élément. Pour modifier cette valeur, utilisez transform-origin : x y.

Dans cet exemple, le centre de transformation sera en haut et à 30px de la gauche.

Actuellement, pour utiliser ces propriétés dans les navigateurs, vous devrez utiliser les préfixes propriétaires -webkit-, -moz-, -o- et -ms-