-webkit-transform CSS propriété

Définition de la CSS -webkit-transform.

La propriété de Transformation CSS -webkit-transform permet de spécifier les transformations 2D ou 3D à appliquer à un élément HTML.

-webkit-transform : rotate(20deg);
-webkit-transform : translateY(100px);
-webkit-transform : translate(20px, 10px);
-webkit-transform : matrix(2, 0, 0, 1, 0, 0);

• none : aucune transformation, valeur par défaut.
• matrix() : fonction de Transformation CSS pour appliquer une matrice de transformation à un élément.
• translate() : fonction de Transformation CSS pour déplacer horizontalement et verticalement un élément.
• translateX() : fonction de Transformation CSS pour déplacer horizontalement un élément.
• translateY() : fonction de Transformation CSS pour déplacer verticalement un élément.
• translateZ() : fonction de Transformation CSS pour déplacer en profondeur un élément.
• translate3d() : fonction de Transformation CSS pour déplacer sur les trois axes de perspective un élément.
• scale() : fonction de Transformation CSS pour redimensionner horizontalement et verticalement un élément.
• scaleX() : fonction de Transformation CSS pour redimensionner horizontalement un élément.
• scaleY() : fonction de Transformation CSS pour redimensionner verticalement un élément.
• scaleZ() : fonction de Transformation CSS pour redimensionner un élément sur sa profondeur.
• scale3d() : fonction de Transformation CSS pour redimensionner un élément sur les trois axes de perspective.
• rotate() : fonction de Transformation CSS pour faire une rotation à un élément.
• rotateX() : fonction de Transformation CSS pour faire une rotation à un élément sur l'axe de perspective X.
• rotateY() : fonction de Transformation CSS pour faire une rotation à un élément sur l'axe de perspective Y.
• rotateZ() : fonction de Transformation CSS pour faire une rotation à un élément sur l'axe de perspective Z.
• rotate3d() : fonction de Transformation CSS pour faire une rotation à un élément sur les trois axes de perspective.
• skew() : fonction de Transformation CSS pour incliner horizontalement et verticalement un élément.
• skewX() : fonction de Transformation pour incliner horizontalement un élément.
• skewY() : fonction de Transformation pour incliner verticalement un élément.

Exemple de code -webkit-transform CSS

Conditions d'application de la CSS -webkit-transform.

La propriété de Transformation CSS -webkit-transform est applicable sur l'ensemble des balises HTML ou XHTML sauf les balises de type inline.

Problème d'interprétation de -webkit-transform en Css.

La propriété de Transformation CSS -webkit-transform est reconnue que par Chrome >=12 et Safari >= 4 pour la 3d
Pour la 2d Safari >= 3.1 pour la 2d.