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

Sử dụng phương thức translateZ (z) để biến đổi phần tử bằng trục z.

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

translateZ(z)

Đây,

z:Là độ dài đại diện cho thành phần z của vectơ tịnh tiến.

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

div {
   width: 40px;
   height: 40px;
   background-color: black;
}
.trans {
   transform: perspective(400px) translateZ(100px);
   background-color: orange;
}