CSS translateZ() Function

❮ Previous Functions Next ❯


.example {
  transform: translateZ(50px);


The translateZ() css function repositions an element along the z-axis in 3D space, i.e., closer to or farther away from the viewer.

Note: translateZ(translateZ) is equivalent to translate3d(0, 0, translateZ).

Version: CSS3

Standard Syntax


Browser Support

The numbers in the table specify the first browser version that fully supports the property.


Function Arguments

The following table describes the arguments of this function.

Argument Description
translateZ Specifies a length representing the z-component of the translating vector. A positive value moves the element towards the viewer, and a negative value farther away.

See also

❮ Previous Functions Next ❯