Chuyển đổi phần tử cùng với trục x và trục y bằng CSS

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

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

translate(x,y)

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

y là độ dài đại diện cho hoành độ 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: orange;
}
.trans {
   transform: translate(20px);
   background-color: black;
}