SELF-Treffen in Mannheim 2025

SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.

CSS/Funktionen/scaleY()

Aus SELFHTML-Wiki
< CSS‎ | Funktionen
Version vom 4. Juni 2024, 22:22 Uhr von RolfBot (Diskussion | Beiträge) (→‎top: replaced: <source lang="css"> → <syntaxhighlight lang="css">, </source> → </syntaxhighlight>)

(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Wechseln zu: Navigation, Suche

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
  • eine (positive oder negative) Längenangabe für die Ordinate der Streckung
anwendbar auf * HTML-Blockelemente, mit Ausnahme von nicht ersetzten Inline-Elementen
  • SVG-Elemente
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

Siehe auch

Abgerufen von „http://wiki.selfhtml.org/index.php?title=CSS/Funktionen/scaleY()&oldid=96393"