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

Giới thiệu

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

Cú pháp

translateZ(z)

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

Ví dụ

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