aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/transform-function/scaley()
diff options
context:
space:
mode:
authorSphinxKnight <SphinxKnight@users.noreply.github.com>2021-11-23 13:42:53 +0100
committerGitHub <noreply@github.com>2021-11-23 13:42:53 +0100
commitc64852bbea5da39e12f76775e8018b0a56142e03 (patch)
tree57b89a9fd18f7e7e682c638c80db2cf263f71307 /files/fr/web/css/transform-function/scaley()
parent4ebead42b03a8b0846acba93ebbffc125cf6295e (diff)
downloadtranslated-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/scaley()')
-rw-r--r--files/fr/web/css/transform-function/scaley()/index.md50
1 files changed, 23 insertions, 27 deletions
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("&lt;transform-function&gt;")}}.
+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 [`<transform-function>`](/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("&lt;number&gt;")}} qui indique le facteur d'échelle pour l'homothétie.
+ - : Une valeur de type [`<number>`](/fr/docs/Web/CSS/number) qui indique le facteur d'échelle pour l'homothétie.
<table class="standard-table">
<thead>
@@ -96,22 +94,22 @@ La fonction **`scaleY()`** modifie l'ordonnée de chaque sommet de l'élément a
### HTML
```html
-<p>toto</p>
-<p class="transformation">truc</p>
+<div>Normal</div>
+<div class="scaled">Mis à l'échelle</div>
```
### 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 [`<transform-function>`](/fr/docs/Web/CSS/transform-function#compatibilité_des_navigateurs) pour les informations de compatibilité associées.
+{{Compat}}
## Voir aussi
-- [`scaleX()`](</fr/docs/Web/CSS/transform-function/scaleX()>)
-- [`scaleZ()`](</fr/docs/Web/CSS/transform-function/scaleZ()>)
-- {{cssxref("transform")}}
-- {{cssxref("&lt;transform-function&gt;")}}
-- {{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)
+- [`<transform-function>`](/fr/docs/Web/CSS/transform-function)
+- [`transform-origin`](/fr/docs/Web/CSS/transform-origin)