CSS translate3d() Function

❮ Previous Functions Next ❯


.example {
  transform: translate3d(10px, 10px, 10px);


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.


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.

See also

❮ Previous Functions Next ❯