matrix3d() - Fonction CSS
Résumé des caractéristiques de la fonction matrix3d()
Description de la fonction matrix3d()
.
La fonction matrix3d()
applique une transformation composite à un élément, dans les 3 dimensions.
Cette transformation peut faire intervenir des translations 3D, des rotations 3D, des changements
de taille ou des inclinaisons.
matrix3d()
peut donc remplacer toutes les autres fonctions de transformation 3D.
Néanmoins son utilisation est plus complexe que celle des fonctions de transformation unitaire,
en particulier pour déterminer la valeur des paramètres.
rotate3d()
: Définit une rotation 3D de l'élément autour d'un axe quelconque en 3D.rotateX()
: Définit une rotation de l'élément autour de l'axe X (en 3D),rotateY()
: Définit une rotation 3D de l'élément autour de l'axe Y.rotateZ()
: Définit une rotation de l'élément autour de l'axe Z.translate3d()
: Définit une translation en 3D suivant un ou plusieurs des axes X,Y et Z.translateZ()
: Définit une translation suivant l'axe Z (perpendiculaire à l'écran).scale3d()
: Définit une mise à l'échelle en 3D.scaleZ()
: Définit une mise à l'échelle suivant l'axe Z.perspective()
: Définit la hauteur de l'observateur dans le cas d'une transformation 3D.
La fonction matrix3d() peut être utilisée avec :
transform
: Applique une ou plusieurs transformations géométriques (rotations, agrandissements, etc.).
Syntaxe de la fonction matrix3d()
.
- transform: matrix3d(a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4)
a1
àd4
sont des nombres sans unité qui décrivent l'ensemble des transformations appliquées à l'élément. Reportez vous au simulateur ci-dessous pour les équivalences avec les fonctions de transformation unitaire.
Compatibilité et prise en charge par les navigateurs.
Les navigateurs actuels traitent correctement la fonction matrix3d()
, ainsi que toutes les transformations 3D.
matrix3d()
.
matrix3d()
Navigateurs sur ordinateurs :
Navigateurs sur mobiles :
Navigateurs obsolètes ou marginaux :
Androïd Brower
Baidu Browser
Chrome
Chrome pour Androïd
Edge
Firefox
Firefox pour Androïd
Internet Explorer
KaiOS Browser
Opéra
Opéra Mobile
QQ Browser
Safari
Safari sur IOS
Samsung Internet
Oméra mini
Voir aussi, dans le même module de standardisation que matrix3d()
.
Les spécifications CSS éditées par le W3C sont organisées en modules. matrix3d()
fait partie du Module CSS - Transformations (CSS Transforms Module). Les définitions suivantes sont également décrites dans ce même module.