Chuyển đổi phần tử cùng với trục y bằng cách sử dụng CSS

Được sử dụng để dịchY (n) phương thức để biến đổi phần tử cùng với trục y.

Hãy cho chúng tôi xem cú pháp:

translateY(n)

Ở đây, n là độ dài đại diện cho abscissa của vectơ tịnh tiến.

Ví dụ

Hãy để chúng tôi xem một ví dụ -

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