CSS/Funktionen/scaleX()

Aus SELFHTML-Wiki
< CSS‎ | Funktionen(Weitergeleitet von Scalex)
Wechseln zu: Navigation, Suche

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

Parameter
  • eine (positive oder negative) Längenangabe für die Abzisse der Streckung
anwendbar auf * HTML-Blockelemente, mit Ausnahme von nicht ersetzten Inline-Elementen
  • SVG-Elemente (in der transform-Eigenschaft)
Browsersupport caniuse: mdn-css_types_transform-function_scaleX
Beispiel
.gespiegelt {
  transform: scaleX(-1);
}
Alle Elemente der Klasse .gespiegelt werden entlang der x-Achse gespiegelt. Damit dies bei den inline-Elementen span funktioniert, müssen sie einen display:inline-block bekommen.


Weblinks

Siehe auch