« Le langage CSS/Transformation géométrique » : différence entre les versions
Contenu supprimé Contenu ajouté
Aucun résumé des modifications |
|||
Ligne 24 :
;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).
;skewX(''
;skewY(''
;skew(''
;matrice(''a'', ''b'', ''c'', ''d'', ''tx'', ''ty''):Définit une matrice de transformation géométrique 2D<ref>https://developer.mozilla.org/fr/docs/Web/CSS/transform-function/matrix</ref>.
:<code>matrix(''a'', ''b'', ''c'', ''d'', ''tx'', ''ty'')</code> est une notation raccourcie, équivalente à <code>matrix3d(''a'', ''b'', 0, 0, ''c'', ''d'', 0, 0, 0, 0, 1, 0, ''tx'', ''ty'', 0, 1)</code>.
Ligne 183 :
cos(a) & -sin(a) & 0 \\
sin(a) & cos(a) & 0 \\
0 & 0 & 1
\end{bmatrix}
</math>
|-
| <code>skew(''ax'', ''ay'')</code>
| <math>
\begin{bmatrix}
1 & tan(ax) & 0 \\
tan(ay) & 1 & 0 \\
0 & 0 & 1
\end{bmatrix}
|