CSS translateY() Function

❮ Previous Functions Next ❯

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.



See also

❮ Previous Functions Next ❯