Transform Element Along Y-Axis Using CSS

Used to translateY(n) method to transform the element along with y-axis.

Let us see the syntax:

translateY(n)

Here, n is a length representing the abscissa of the translating vector.

Example

Let us see an example −

div {
   width: 50px;
   height: 50px;
   background-color: black;
}
.trans {
   transform: translateY(20px);
   background-color: orange;
}