SELF-Treffen in Mannheim 2025
SELFHTML wird 30 Jahre alt! → Veranstaltungs-Ankündigung.
CSS/Funktionen/scaleY()
Aus SELFHTML-Wiki
< CSS | Funktionen
Die scaleY()-Funktion definiert eine Transformation, die die Größe eines Elements entlang der y-Achse (hvertikal) ändert. Ihr Ergebnis ist ein Datentyp <Transformationsfunktion>.
| Parameter |
|
|---|---|
| anwendbar auf | * HTML-Blockelemente, mit Ausnahme von nicht ersetzten Inline-Elementen
|
| Browsersupport | caniuse: mdn-css_types_transform-function_scaleY |
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.
Weblinks
- CSSWG: The Transform Functions CSS Transforms Module Level 2
- 2D Transform Functions CSS Transforms Module Level 1
- MDN: scaleY()