diff options
author | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-11-23 13:42:53 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-11-23 13:42:53 +0100 |
commit | c64852bbea5da39e12f76775e8018b0a56142e03 (patch) | |
tree | 57b89a9fd18f7e7e682c638c80db2cf263f71307 /files/fr/web/css/transform-function/matrix3d() | |
parent | 4ebead42b03a8b0846acba93ebbffc125cf6295e (diff) | |
download | translated-content-c64852bbea5da39e12f76775e8018b0a56142e03.tar.gz translated-content-c64852bbea5da39e12f76775e8018b0a56142e03.tar.bz2 translated-content-c64852bbea5da39e12f76775e8018b0a56142e03.zip |
Fixes #2805 - update of transform-function pages (#2834)
* fixes #2805, updating scale() vs en-US w/ a few typos
* missing typos
* Update transform-function pages as well: rm cssxref, add compat frontmatter and spec/bcd macros
Diffstat (limited to 'files/fr/web/css/transform-function/matrix3d()')
-rw-r--r-- | files/fr/web/css/transform-function/matrix3d()/index.md | 29 |
1 files changed, 14 insertions, 15 deletions
diff --git a/files/fr/web/css/transform-function/matrix3d()/index.md b/files/fr/web/css/transform-function/matrix3d()/index.md index 437115670e..6cac4ae944 100644 --- a/files/fr/web/css/transform-function/matrix3d()/index.md +++ b/files/fr/web/css/transform-function/matrix3d()/index.md @@ -1,28 +1,29 @@ --- title: matrix3d() slug: Web/CSS/transform-function/matrix3d() -tags: - - CSS - - Reference - - Transformations CSS translation_of: Web/CSS/transform-function/matrix3d() +browser-compat: css.types.transform-function.matrix3d --- {{CSSRef}} -La fonction **`matrix3d()`** décrit une transformation en trois dimensions sous la forme d'une matrice homogène (4x4). Les 16 paramètres passés à la fonction sont listés par ligne puis par colonne. Le résultat de cette fonction est une valeur de type {{cssxref("<transform-function>")}}. +La fonction **`matrix3d()`** décrit une transformation en trois dimensions sous la forme d'une matrice homogène (4x4). Les 16 paramètres passés à la fonction sont listés par ligne puis par colonne. Le résultat de cette fonction est une valeur de type [`<transform-function>`](/fr/docs/Web/CSS/transform-function). ## Syntaxe - matrix3d(a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4) +La fonction `matrix3d()` s'utilise avec 16 valeurs qui sont décrites dans l'ordre des colonnes. + +```css +matrix3d(a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4) +``` ### Valeurs - _a1_ _b1_ _c1_ _d1_ _a2_ _b2_ _c2_ _d2_ _a3_ _b3_ _c3_ _d3_ _d4_ - - : Des valeurs de type {{cssxref("<number>")}} qui sont les coefficients de la matrice définissant la transformation linéaire. + - : Des valeurs de type [`<number>`](/fr/docs/Web/CSS/number) qui sont les coefficients de la matrice définissant la transformation linéaire. - `a4` `b4 c4` - - : Les coefficients de type {{cssxref("<number>")}} qui définissent la translation à appliquer. + - : Les coefficients de type [`<number>`](/fr/docs/Web/CSS/number) qui définissent la translation à appliquer. -> **Note :** Jusqu'à Firefox 16, Gecko permettait d'utiliser des valeurs {{cssxref("<length>")}} pour les coefficients `a4`, `b4` et `c4`. +> **Note :** Jusqu'à Firefox 16, Gecko permettait d'utiliser des valeurs [`<length>`](/fr/docs/Web/CSS/length) pour les coefficients `a4`, `b4` et `c4`. <table class="standard-table"> <thead> @@ -176,16 +177,14 @@ body { ## Spécifications -| Spécification | État | Commentaires | -| ---------------------------------------------------------------------------------------- | ---------------------------------------- | -------------------- | -| {{SpecName("CSS Transforms 2", "#funcdef-matrix3d", "matrix3d()")}} | {{Spec2("CSS Transforms 2")}} | Définition initiale. | +{{Specifications}} ## Compatibilité des navigateurs -Voir la page sur le type de donnée [`<transform-function>`](/fr/docs/Web/CSS/transform-function#compatibilité_des_navigateurs) pour les informations de compatibilité associées. +{{Compat}} ## Voir aussi -- {{cssxref("transform")}} -- {{cssxref("<transform-function>")}} +- [`transform`](/fr/docs/Web/CSS/transform) +- [`<transform-function>`](/fr/docs/Web/CSS/transform-function) - [Comprendre les matrices de transformations CSS (en anglais)](https://dev.opera.com/articles/understanding-the-css-transforms-matrix/) |