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

Sử dụng phương thức translateX (n) để biến đổi phần tử cùng với trục x.

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

translateX(n)

Ở đây, n là độ dài đại diện cho abscissa của vectơ tịnh tiến.

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

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