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

Liste der CSS-Funktionen

- attr()
- counter()
- image-set()
- url()
- var()
Transformationen
- matrix()
  - matrix3d()
- perspective()
- rotate()
- scale()
  - scaleX()
  - scaleY()
  - scaleZ()
  - scale3d()
- skew
  - skewX()
  - skewY()
- translate()
Berechnungen und Vergleiche
Farben und Verläufe
intrinsische Abmessungen

CSS/Funktionen/scaleZ()

Weblinks

Siehe auch

Navigationsmenü

Meine Werkzeuge

Namensräume

Varianten

Ansichten

Mehr

Suche

Starten

Werkzeuge

Mitmachen

SELFHTML