Chuyển đổi phần tử theo trục y với CSS (translateY)

Giới thiệu

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

Cú pháp

translateY(n)

Trong đó n là độ dài đại diện cho tung độ của vector dịch chuyển.

Ví dụ

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