CSS/Funktionen/translateZ()

Die translateZ()-Funktion positioniert ein Element in der Z-Achse im dreidimensionalen Raum. Ihr Ergebnis ist ein Datentyp <Transformationsfunktion>.

Parameter	eine Längenangabe ein Prozentwert würde hier zu einem ungültigen Wert führen!
anwendbar auf	* HTML-Blockelemente, mit Ausnahme von nicht ersetzten Inline-Elementen SVG-Elemente
Browsersupport	caniuse: mdn-css_types_transform-function_translatez

Beispiel

aside {
  transform: translateZ(42px-);
}

 

Beachten Sie: Ein Prozentwert bezieht sich auf die Breite des verschobenen Elements, nicht auf die eventuell verfügbare Breite des Elternelements

Weblinks

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

Siehe auch

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