Kursempfehlung:

CSS scale3d() Funktion

Definition und Verwendung scale3d() CSS

scale3d() Die Funktion definiert die 3D-Skalierung des Elements.

scale3d() Die Funktion definiert die Skalierungswerte der Elemente in den Dimensionen x, y und z. transform im Attribut verwendet.

Verwenden Sie scale3d() Mehrere <div>-Elemente skalieren:

#myDiv1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#myDiv2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#myDiv3 {
  transform: scale3d(1.1, 1.2, 1);
}

Verwenden Sie scale3d() Bild skalieren:

#img1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#img2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#img3 {
  transform: scale3d(1.1, 1.1, 1);
}

scale3d(sx, sy, sz)

Wert	Beschreibung
sx	Ganze oder negative Zahlen, die die Skalierungsvektoren in der Breite definieren.
sy	Ganze oder negative Zahlen, die die Skalierungsvektoren in der Höhe definieren.
sz	Ganze oder negative Zahlen, die die Skalierungsvektoren in der z-Richtung definieren.

Version:	CSS Transforms Modul Level 2

Die Zahlen in der Tabelle stellen die Versionsnummer der ersten Browser dar, die diese Funktion vollständig unterstützen.

Chrome	Edge	Firefox	Safari	Oper
12	12	10	4	15