CSS translateZ() Function
Example
.example {
transform: translateZ(50px);
}
Meaning
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
translateZ(translateZ)
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
Status
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. |