From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../web/css/transform-function/scaley()/index.html | 111 +++++++++++++++++++++ 1 file changed, 111 insertions(+) create mode 100644 files/fr/web/css/transform-function/scaley()/index.html (limited to 'files/fr/web/css/transform-function/scaley()') diff --git a/files/fr/web/css/transform-function/scaley()/index.html b/files/fr/web/css/transform-function/scaley()/index.html new file mode 100644 index 0000000000..f8b82479b3 --- /dev/null +++ b/files/fr/web/css/transform-function/scaley()/index.html @@ -0,0 +1,111 @@ +--- +title: scaleY() +slug: Web/CSS/transform-function/scaleY() +tags: + - CSS + - Fonction + - Reference + - Transformations CSS +translation_of: Web/CSS/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>")}}.

+ +

+ +

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")}}).

+ +

Syntaxe

+ +
scaleY(s)
+
+ +

Valeurs

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

Exemples

+ +

HTML

+ +
<p>toto</p>
+<p class="transformation">truc</p>
+ +

CSS

+ +
p {
+  width: 50px;
+  height: 50px;
+  background-color: teal;
+}
+
+.transformation {
+  transform: scaleY(2);
+  background-color: blue;
+}
+
+ +

Résultat

+ +

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

+ +

Spécifications

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

Compatibilité des navigateurs

+ +

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

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf