CSSTranslate.z

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

Draft: This page is not complete.

The z property of the CSSTranslate interface representing the z-component of the translating vector. A positive value moves the element towards the viewer, and a negative value farther away.

If this value is present then the transform is a 3D transform and the is2D property will be set to false.

Syntax

var translateZ = CSSTranslate.z;

Value

A <length>.

Examples

To Do

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
z
66
79
No
No
53
No
66
66
No
47
No
9.0

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSTranslate/z