From 258ba7b4be62d8640477a3bd3146d08b00cb70ec Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:59:20 +0200 Subject: convert content to md --- .../web/css/transform-function/scaley()/index.md | 163 ++++++++++++--------- 1 file changed, 95 insertions(+), 68 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 87bfff06db..7b922436d8 100644 --- a/files/fr/web/css/transform-function/scaley()/index.md +++ b/files/fr/web/css/transform-function/scaley()/index.md @@ -8,60 +8,102 @@ tags: - Transformations CSS translation_of: Web/CSS/transform-function/scaleY() --- -
{{CSSRef}}
+{{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 {{cssxref("<transform-function>")}}. -

+![](scaley.png) -

scaleY(sy) est une notation raccourcie équivalente à scale(1, sy) ou à scale3d(1, sy, 1).

+`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é {{cssxref("transform-origin")}}). -

Syntaxe

+## Syntaxe -
scaleY(s)
-
+ scaleY(s) -

Valeurs

+### Valeurs -
-
s
-
Une valeur de type {{cssxref("<number>")}} qui indique le facteur d'échelle pour l'homothétie.
-
+- `s` + - : Une valeur de type {{cssxref("<number>")}} qui indique le facteur d'échelle pour l'homothétie. - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + +
Coordonnées cartésiennes sur ℝ2Coordonnées homogènes sur ℝℙ2Coordonnées cartésiennes sur ℝ3Coordonnées homogènes sur ℝℙ3
10 0s 1000s0001 1000s0001 10000s0000100001
[1 0 0 s 0 0]
Coordonnées cartésiennes sur ℝ2Coordonnées homogènes sur ℝℙ2Coordonnées cartésiennes sur ℝ3Coordonnées homogènes sur ℝℙ3
+ 10 + 0s + + 1000s0001 + + 1000s0001 + + 10000s0000100001 +
[1 0 0 s 0 0]
-

Exemples

+## Exemples -

HTML

+### HTML -
<p>toto</p>
-<p class="transformation">truc</p>
+```html +

toto

+

truc

+``` -

CSS

+### CSS -
p {
+```css
+p {
   width: 50px;
   height: 50px;
   background-color: teal;
@@ -71,41 +113,26 @@ translation_of: Web/CSS/transform-function/scaleY()
   transform: scaleY(2);
   background-color: blue;
 }
-
+``` -

Résultat

+### Résultat -

{{EmbedLiveSample("Exemples","100%","200")}}

+{{EmbedLiveSample("Exemples","100%","200")}} -

Spécifications

+## Spécifications - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName("CSS3 Transforms", "#funcdef-transform-scaley", "scaleY()")}}{{Spec2("CSS3 Transforms")}}Définition initiale.
+| Spécification | État | Commentaires | +| ------------------------------------------------------------------------------------------------ | ------------------------------------ | -------------------- | +| {{SpecName("CSS3 Transforms", "#funcdef-transform-scaley", "scaleY()")}} | {{Spec2("CSS3 Transforms")}} | Définition initiale. | -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

Voir la page sur le type de donnée <transform-function> pour les informations de compatibilité associées.

+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. -

Voir aussi

+## Voir aussi - +- [`scaleX()`]() +- [`scaleZ()`]() +- {{cssxref("transform")}} +- {{cssxref("<transform-function>")}} +- {{cssxref("transform-origin")}} -- cgit v1.2.3-54-g00ecf