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

Giới thiệu

Sử dụng phương thức translate(x,y) để chuyển đổi phần tử theo cả trục x và y.

Cú pháp

translate(x, y)

Trong đó:

• x: độ dài đại diện cho hoành độ của vector dịch chuyển.
• y: độ dài đại diện cho tung độ của vector dịch chuyển.

Ví dụ

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