From c64852bbea5da39e12f76775e8018b0a56142e03 Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Tue, 23 Nov 2021 13:42:53 +0100 Subject: 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 --- .../web/css/transform-function/scaley()/index.md | 50 ++++++++++------------ 1 file changed, 23 insertions(+), 27 deletions(-) (limited to 'files/fr/web/css/transform-function/scaley()') diff --git a/files/fr/web/css/transform-function/scaley()/index.md b/files/fr/web/css/transform-function/scaley()/index.md index 7b922436d8..0b1d7315d5 100644 --- a/files/fr/web/css/transform-function/scaley()/index.md +++ b/files/fr/web/css/transform-function/scaley()/index.md @@ -1,31 +1,29 @@ --- title: scaleY() slug: Web/CSS/transform-function/scaleY() -tags: - - CSS - - Fonction - - Reference - - Transformations CSS translation_of: Web/CSS/transform-function/scaleY() +browser-compat: css.types.transform-function.scaleY --- {{CSSRef}} -La fonction **`scaleY()`** modifie l'ordonnée de chaque sommet de l'élément avec un facteur multiplicateur. L'homothétie n'est pas isotropique et les angles de l'élément ne sont pas conservés. La valeur obtenue par cette fonction est de type {{cssxref("<transform-function>")}}. +La fonction **`scaleY()`** modifie l'ordonnée de chaque sommet de l'élément avec un facteur multiplicateur. L'homothétie n'est pas isotropique et les angles de l'élément ne sont pas conservés. La valeur obtenue par cette fonction est de type [``](/fr/docs/Web/CSS/transform-function). ![](scaley.png) `scaleY(sy)` est une notation raccourcie équivalente à `scale(1, sy)` ou à `scale3d(1, sy, 1)`. -`scaleY(-1)` définit une symétrie axiale selon un axe horizontal, passant par l'origine du repère (cette origine est définie grâce à la propriété {{cssxref("transform-origin")}}). +`scaleY(-1)` définit une symétrie axiale selon un axe horizontal, passant par l'origine du repère (cette origine est définie grâce à la propriété [`transform-origin`](/fr/docs/Web/CSS/transform-origin)). ## Syntaxe - scaleY(s) +```css +scaleY(s) +``` ### Valeurs - `s` - - : Une valeur de type {{cssxref("<number>")}} qui indique le facteur d'échelle pour l'homothétie. + - : Une valeur de type [``](/fr/docs/Web/CSS/number) qui indique le facteur d'échelle pour l'homothétie. @@ -96,22 +94,22 @@ La fonction **`scaleY()`** modifie l'ordonnée de chaque sommet de l'élément a ### HTML ```html -

toto

-

truc

+
Normal
+
Mis à l'échelle
``` ### CSS ```css -p { - width: 50px; - height: 50px; - background-color: teal; +div { + width: 80px; + height: 80px; + background-color: skyblue; } -.transformation { - transform: scaleY(2); - background-color: blue; +.scaled { + transform: scaleY(0.6); + background-color: pink; } ``` @@ -121,18 +119,16 @@ p { ## Spécifications -| Spécification | État | Commentaires | -| ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------------------- | -| {{SpecName("CSS3 Transforms", "#funcdef-transform-scaley", "scaleY()")}} | {{Spec2("CSS3 Transforms")}} | Définition initiale. | +{{Specifications}} ## Compatibilité des navigateurs -Voir la page sur le type de donnée [``](/fr/docs/Web/CSS/transform-function#compatibilité_des_navigateurs) pour les informations de compatibilité associées. +{{Compat}} ## Voir aussi -- [`scaleX()`]() -- [`scaleZ()`]() -- {{cssxref("transform")}} -- {{cssxref("<transform-function>")}} -- {{cssxref("transform-origin")}} +- [`scaleX()`](/fr/docs/Web/CSS/transform-function/scaleX()) +- [`scaleZ()`](/fr/docs/Web/CSS/transform-function/scaleZ()) +- [`transform`](/fr/docs/Web/CSS/transform) +- [``](/fr/docs/Web/CSS/transform-function) +- [`transform-origin`](/fr/docs/Web/CSS/transform-origin) -- cgit v1.2.3-54-g00ecf