CSS translateY() Function

❮ Previous Functions Next ❯


.example {
  transform: translateY(50px);

Hello World!


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


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
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 ❯