Chuyển đổi phần tử sử dụng trục x với CSS3 (translateX)

Giới thiệu

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

Cú pháp

translateX(x)

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

Ví dụ

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