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 --- .../fr/web/css/transform-function/skewy()/index.md | 129 --------------------- 1 file changed, 129 deletions(-) delete mode 100644 files/fr/web/css/transform-function/skewy()/index.md (limited to 'files/fr/web/css/transform-function/skewy()') diff --git a/files/fr/web/css/transform-function/skewy()/index.md b/files/fr/web/css/transform-function/skewy()/index.md deleted file mode 100644 index 5496e7d50e..0000000000 --- a/files/fr/web/css/transform-function/skewy()/index.md +++ /dev/null @@ -1,129 +0,0 @@ ---- -title: skewY() -slug: Web/CSS/transform-function/skewY() -translation_of: Web/CSS/transform-function/skewY() -browser-compat: css.types.transform-function.skewY ---- -{{CSSRef}} - -La fonction **`skewY()`** permet d'opérer une distorsion verticale en étirant chaque point de l'élément d'un certain angle dans la direction verticale. Pour cela, on augmente l'ordonnée d'un élément d'une valeur proportionnelle à l'angle donné et à la distance de l'origine. Plus le point est éloigné de l'origine et loin de l'axe, plus le décalage obtenu sera important. - -{{EmbedInteractiveExample("pages/css/function-skewY.html")}} - -La valeur obtenue par cette fonction est de type [``](/fr/docs/Web/CSS/transform-function). - -## Syntaxe - -```css -skewY(a) -``` - -### Valeurs - -- `a` - - : Une valeur de type [``](/fr/docs/Web/CSS/angle) qui représente l'angle avec lequel appliquer la distorsion selon l'axe des ordonnées (axe vertical). - - - - - - - - - - - - - - - - - - - - - -
Coordonnées cartésiennes sur ℝ2Coordonnées homogènes sur ℝℙ2Coordonnées cartésiennes sur ℝ3Coordonnées homogènes sur ℝℙ3
- 10tan(ax)1 - - 100tan(ax)10001 - - 100tan(ax)10001 - - 1000tan(ax)10000100001 -
[1 tan(a) 0 1 0 0]
- -## Exemples - -### HTML - -```html -
Normal
-
Distordu
-``` - -### CSS - -```css -div { - width: 80px; - height: 80px; - background-color: skyblue; -} - -.skewed { - transform: skewY(40deg); - background-color: pink; -} -``` - -### Résultat - -{{EmbedLiveSample("Exemples","100%","250")}} - -## Specifications - -{{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