CSS translateY() Function
Example
.example {
transform: translateY(50px);
}
Hello World!
Meaning
The translateY() css function repositions an element vertically on the 2D plane.
Note: translateY(translateY) is equivalent to translate(0, translateY) or translate3d(0, translateY, 0).
Version: CSS3
Standard Syntax
translateY(translateY)
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 |
---|---|
translateY | Specifies the value is a length or percentage representing the ordinate of the translating vector. A percentage value refers to the height of the reference box defined by the transform-box property. |