CSS/Funktionen/scaleZ()

Browserunterstützung
caniuse.com

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

anwendbar auf

• HTML-Blockelemente, mit Ausnahme von nicht ersetzten Inline-Elementen
• SVG-Elemente

Parameter

* eine (positive oder negative) Längenangabe für die Z-Achse der Streckung,

Beispiel

.scalez {
  background: black;
  color: gold;
}

.scalez:hover {
  transform: perspective(1000px) scaleZ(3) rotateX(45deg);
}

siehe Opening Crawl

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