« Le langage CSS/Transformation géométrique » : différence entre les versions
Contenu supprimé Contenu ajouté
Ligne 15 :
;translateZ(''dz''):Translation en profondeur.
;translate(''dx'', ''dy''):Translation horizontale et verticale.
;
;perspective(''distance''):Distance d'observation pour la perspective. Une profondeur (Z) plus grande que zéro rapproche l'objet tandis qu'une distance plus petite l'éloigne.
;
;scaleY(''sy''):Modifie l'échelle verticale.
;scaleZ(''sz''):Modifie l'échelle de profondeur.
;scale(''sx'', ''sy''):Modifie l'échelle horizontale et verticale<ref>https://developer.mozilla.org/fr/docs/Web/CSS/transform-function/scale</ref>.
;scale3d(''sx'', ''sy'', ''sz''):Modifie l'échelle horizontale, verticale et de profondeur<ref>https://developer.mozilla.org/fr/docs/Web/CSS/transform-function/scale3d</ref>.
;rotate(''angle''):Tourne la représentation du nombre spécifié dans le sens horaire, autour du [[#Point origine|point origine]] (0,0 par défaut).
;rotate3d(''x'', ''y'', ''z'', ''a''):Tourne la représentation du nombre ''a'' spécifié dans le sens horaire autour de l'axe défini par le vecteur (''x'', ''y'', ''z'') partant du [[#Point origine|point origine]] (0,0 par défaut).
| |||