CSSTranslate: z property

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Learn more
See full compatibility
Report feedback

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.

Value

A <length>.

Examples

To Do

Specifications

Specification
CSS Typed OM Level 1 # dom-csstranslate-z

Browser compatibility

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.