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

Sử dụng phương thức translateY (y) để biến đổi phần tử bằng trục y.

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

translateY(y)

Đây,

• y:Đó là độ dài đại diện cho hoành độ của vectơ tịnh tiến.

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

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