From 9bf6693b2edd5281c1577856895c55653a41dc01 Mon Sep 17 00:00:00 2001 From: MDN Date: Sat, 19 Mar 2022 00:13:08 +0000 Subject: [CRON] sync translated content --- .../css/transform-function/translate3d()/index.md | 142 --------------------- 1 file changed, 142 deletions(-) delete mode 100644 files/fr/web/css/transform-function/translate3d()/index.md (limited to 'files/fr/web/css/transform-function/translate3d()') diff --git a/files/fr/web/css/transform-function/translate3d()/index.md b/files/fr/web/css/transform-function/translate3d()/index.md deleted file mode 100644 index f70578696e..0000000000 --- a/files/fr/web/css/transform-function/translate3d()/index.md +++ /dev/null @@ -1,142 +0,0 @@ ---- -title: translate3d() -slug: Web/CSS/transform-function/translate3d() -translation_of: Web/CSS/transform-function/translate3d() -browser-compat: css.types.transform-function.translate3d ---- -{{CSSRef}} - -La fonction CSS **`translate3d()`** permet de déplacer un élément dans l'espace tridimensionnel. Cette transformation est définie à l'aide d'un vecteur dont les coordonnées définissent l'amplitude du déplacement pour chaque direction. - -{{EmbedInteractiveExample("pages/css/function-translate3d.html")}} - -La valeur obtenue par cette fonction est de type [``](/fr/docs/Web/CSS/transform-function). - -## Syntaxe - -```css -translate3d(tx, ty, tz) -``` - -### Valeurs - -- `tx` - - : Une valeur de type [``](/fr/docs/Web/CSS/length) ou [``](/fr/docs/Web/CSS/percentage) qui représente l'abscisse du vecteur de translation (équivalente au déplacement horizontal). -- `ty` - - : Une valeur de type [``](/fr/docs/Web/CSS/length) ou [``](/fr/docs/Web/CSS/percentage) qui représente l'ordonnée du vecteur de translation (équivalente au déplacement vertical). -- `tz` - - : Une valeur de type [``](/fr/docs/Web/CSS/length) qui représente la composante en profondeur du vecteur de translation (équivalente au déplacement en profondeur). La valeur ne peut pas être de type [``](/fr/docs/Web/CSS/percentage), si c'est le cas, la règle décrivant la transformation sera considérée comme invalide. - - - - - - - - - - - - - - - - - -
Coordonnées cartésiennes sur ℝ2Coordonnées homogènes sur ℝℙ2Coordonnées cartésiennes sur ℝ3Coordonnées homogènes sur ℝℙ3
-

- Cette transformation s'applique en trois dimensions et ne peut donc - être représentée sur le plan. -

-
- Une translation n'est pas une transformation linéaire de ℝ3 - et ne peut donc pas être représentée par une matrice dans le système - cartésien. - - 100tx010ty001tz0001 -
- -## Exemples - -### Définir une translation sur un seul axe - -#### HTML - -```html -
Statique
-
Déplacé
-
Statique
-``` - -#### CSS - -```css -div { - width: 60px; - height: 60px; - background-color: skyblue; -} - -.moved { - transform: perspective(500px) translate3d(10px,0px,0px); - /* Équivalent à perspective(500px) translateX(10px)*/ - background-color: pink; -} -``` - -#### Résultat - -{{EmbedLiveSample("Définir_une_translation_sur_un_seul_axe","100%","250")}} - -### Définir une translation sur les axes X et Z - -#### HTML - -```html -
Statique
-
Déplacé
-
Statique
-``` - -#### CSS - -```css -div { - width: 60px; - height: 60px; - background-color: skyblue; -} - -.moved { - transform: perspective(500px) translate3d(10px, 0, 100px); - background-color: pink; -} -``` - -#### Résultat - -{{EmbedLiveSample("Définir_une_translation_sur_les_axes_X_et_Z","100%","250")}} - -## Spécifications - -{{Specifications}} - -## Compatibilité des navigateurs - -{{Compat}} - -## Voir aussi - -- [`transform`](/fr/docs/Web/CSS/transform) -- [``](/fr/docs/Web/CSS/transform-function) -- cgit v1.2.3-54-g00ecf