CSS translate3d() Function
Example
.example {
transform: translate3d(10px, 10px, 10px);
}Meaning
The translate3d() css function repositions an element in 3D space.
This transformation is characterized by a three-dimensional vector. Its coordinates define how much the element moves in each direction.
Version: CSS3
Standard Syntax
translate3d(translateX, translateY, 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 |
|---|---|
| translateX | Specifies the length or percentage representing the abscissa of the translating vector. |
| translateY | Specifies the length or percentage representing the ordinate of the translating vector. |
| translateZ | Specifies the length representing the z component of the translating vector. It can't be a percentage value; in that case the property containing the transform is considered invalid. |