Section courante

A propos

Section administrative du site

transform

Transformation
CSS3  

Syntaxe

transform: initial | inherit | matrix(n,n,n,n,n,n) | matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) | none | perspective(n) | rotate(angle) | rotate3d(x,y,z,angle) | rotateX(angle) | rotateY(angle) | rotateZ(angle) | scale(x,y) | scale3d(x,y,z) | scaleX(x) | scaleY(y) | scaleZ(z) | skew(x-angle,y-angle) | skewX(angle) | skewY(angle) | translate(x,y) | translate3d(x,y,z) | translateX(x)|translateY(y) | translateZ(z);

Paramètres

Paramètre Description
inherit Ce paramètre permet d'indiquer qu'il faut hérité de la valeur de son parent.
initial Ce paramètre permet d'indiquer qu'il faut appliquer la valeur par défaut de cette propriété.
matrix(n,n,n,n,n,n) Ce paramètre permet d'indiquer qu'il faut effectuer une transformation 2 dimensions en utilisant une matrice avec 6 valeurs.
matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) Ce paramètre permet d'indiquer qu'il faut effectuer une transformation 3 dimensions en utilisant une matrice 4x4 de 16 valeurs.
none Ce paramètre permet d'indiquer qu'il faut effectuer aucune transformation.
perspective(n) Ce paramètre permet d'indiquer une vue en perspective avec une transformation 3 dimensions de l'élément.
rotate(angle) Ce paramètre permet d'indiquer une rotation en 2 dimensions avec l'angle spécifié.
rotate3d(x,y,z,angle) Ce paramètre permet d'indiquer une rotation en 3 dimensions.
rotateX(angle) Ce paramètre permet d'indiquer une rotation en 3 dimensions sur l'axe des X.
rotateY(angle) Ce paramètre permet d'indiquer une rotation en 3 dimensions sur l'axe des Y.
rotateZ(angle) Ce paramètre permet d'indiquer une rotation en 3 dimensions sur l'axe des Z.
scale(x,y) Ce paramètre permet d'indiquer une transformation d'échelle en 2 dimensions.
scale3d(x,y,z) Ce paramètre permet d'indiquer une transformation d'échelle en 3 dimensions.
scaleX(x) Ce paramètre permet d'indiquer une transformation d'échelle sur l'axe des X.
scaleY(y) Ce paramètre permet d'indiquer une transformation d'échelle sur l'axe des Y.
scaleZ(z) Ce paramètre permet d'indiquer une transformation d'échelle sur l'axe des Z.
skew(x-angle,y-angle) Ce paramètre permet d'indiquer une transformation par inclinaison 2 en dimensions sur l'axe des X et des Y.
skewX(angle) Ce paramètre permet d'indiquer une transformation par inclinaison 2 en dimensions sur l'axe des X.
skewY(angle) Ce paramètre permet d'indiquer une transformation par inclinaison 2 en dimensions sur l'axe des Y.
translate(x,y) Ce paramètre permet d'indiquer une translation en 2 dimensions.
translate3d(x,y,z) Ce paramètre permet d'indiquer une translation en 3 dimensions.
translateX(x) Ce paramètre permet d'indiquer une translation sur l'axe des X.
translateY(y) Ce paramètre permet d'indiquer une translation sur l'axe des Y.
translateZ(z) Ce paramètre permet d'indiquer une translation sur l'axe des Z.

Description

Cette propriété permet d'appliquer une transformation en 2 dimensions ou en 3 dimensions sur un élément.



Dernière mise à jour : Dimanche, le 20 décembre 2015