CSS translateX() Function
Example
.example {
transform: translateX(50px);
}
Hello World!
Meaning
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
translateX(translateX)
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 a length or percentage representing the abscissa of the translating vector. |