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

Giới thiệu

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

Cú pháp

translateX(n)

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

Ví dụ

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