From 149319bb8c7b1394a443f0877c3460cd362aa815 Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:58:15 +0200 Subject: move *.html to *.md --- .../web/css/transform-function/scaley()/index.html | 111 --------------------- .../web/css/transform-function/scaley()/index.md | 111 +++++++++++++++++++++ 2 files changed, 111 insertions(+), 111 deletions(-) delete mode 100644 files/fr/web/css/transform-function/scaley()/index.html create mode 100644 files/fr/web/css/transform-function/scaley()/index.md (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 deleted file mode 100644 index 87bfff06db..0000000000 --- a/files/fr/web/css/transform-function/scaley()/index.html +++ /dev/null @@ -1,111 +0,0 @@ ---- -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

- - diff --git a/files/fr/web/css/transform-function/scaley()/index.md b/files/fr/web/css/transform-function/scaley()/index.md new file mode 100644 index 0000000000..87bfff06db --- /dev/null +++ b/files/fr/web/css/transform-function/scaley()/index.md @@ -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