CSS/Funktionen/scaleX()

Browserunterstützung
caniuse.com

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

anwendbar auf

• HTML-Blockelemente, mit Ausnahme von nicht ersetzten Inline-Elementen
• SVG-Elemente (in der transform-Eigenschaft)

Parameter

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

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.

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: scaleX()
• Browser-Support: caniuse.com