CSS/Funktionen/scaleZ()

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

Parameter	eine (positive oder negative) Längenangabe für die Z-Achse der Streckung,
anwendbar auf	* HTML-Blockelemente, mit Ausnahme von nicht ersetzten Inline-Elementen SVG-Elemente
Browsersupport	caniuse: mdn-css_types_transform-function_scaleZ

Beispiel

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

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

siehe Opening Crawl

Weblinks

• CSSWG: The Transform Functions CSS Transforms Module Level 2
  • 2D Transform Functions CSS Transforms Module Level 1
• MDN: scaleZ()

Siehe auch

• Transform
  • Transform#transform-Eigenschaft
  • SVG-Transformationen
• CSS/Eigenschaften/scale