Chuyển đổi 3D trục Z (Z-axis 3D transform) với CSS3

Giới thiệu

Bạn có thể thử mã sau để thực hiện chuyển đổi 3D trục Z với CSS3:

Ví dụ

<html>
<head>
    <style>
        div {
            width: 200px;
            height: 100px;
            background-color: pink;
            border: 1px solid black;
        }
        div#zDiv {
            -webkit-transform: rotateZ(90deg);
            /* Safari */
            transform: rotateZ(90deg);
            /* Cú pháp chuẩn */
        }
    </style>
</head>
<body>
    <p>Xoay trục Z</p>
    <div id="zDiv">
        tutorialspoint.com.
    </div>
</body>
</html>

Kết quả