CSS translateX() Function

❮ Previous Functions Next ❯


.example {
  transform: translateX(50px);

Hello World!


The translateX() css function repositions an element horizontally on the 2D plane.

Note: translateX(translateX) is equivalent to translate(0, translateX) or translate3d(translateX, 0, 0).

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
translateX Specifies a length or percentage representing the abscissa of the translating vector.

See also

❮ Previous Functions Next ❯