CSS scaleX() Funktion

Definition und Verwendung

CSS scaleX() Funktion zum horizontalen Skalieren eines Elements.

scaleX() Funktion erweitert oder verengt den Breitenbereich eines Elements.

scaleX() Funktion in transform im Attribut verwendet.

Verwenden Sie scaleX() Breite mehrerer <div>-Elemente skalieren:

#myDiv1 {
  transform: scaleX(0.7);
}
#myDiv2 {
  transform: scaleX(90%);
}
#myDiv3 {
  transform: scaleX(1.1);
}

Verwenden Sie scaleX() Breite des Bildes skalieren:

#img1 {
  transform: scaleX(0.6);
}
#img2 {
  transform: scaleX(90%);
}
#img3 {
  transform: scaleX(-0.6);
}
#img4 {
  transform: scaleX(1.1);
}

scaleX(s)

Wert	Beschreibung
s	Notwendig. Die Zahl gibt den Skalierungsfaktor der Breitenver缩放vektor an.

Version:	CSS Transforms Modul Level 1

Die Zahlen in der Tabelle stellen die Versionsnummer des ersten Browsers dar, der diese Funktion vollständig unterstützt.

Chrome	Edge	Firefox	Safari	Opera
1	12	3.5	3.1	10.5