CSS/Funktionen/scaleY()

Browserunterstützung
caniuse.com

Die CSS-Funktion scaleY() definiert eine Transformation, die die Größe eines Elements entlang der y-Achse (hvertikal) ändert. Ihr Ergebnis ist ein Datentyp <Transformationsfunktion>

anwendbar auf

• HTML-Blockelemente, mit Ausnahme von nicht ersetzten Inline-Elementen
• SVG-Elemente

Parameter

* eine (positive oder negative) Längenangabe für die Ordinate der Streckung

Beispiel

.bigger:hover aside {
	transform: scaleY(2);
}

.smaller:hover aside {
	transform: scaleY(.5);
}

.invisible:hover aside {
	transform: scaleY(0);
}

.mirrored:hover aside {
	transform: scaleY(-1.5);
}

Die Funktion transform: scaleY() steuert die Parallelstreckung in vertikaler Richtung.

Siehe auch

• Transform
  • Transform#transform-Eigenschaft
  • SVG-Transformationen
• CSS/Eigenschaften/scale

Weblinks

• CSSWG: The Transform Functions CSS Transforms Module Level 2
  • 2D Transform Functions CSS Transforms Module Level 1
• MDN: scaleY()
• Browser-Support: caniuse.com