Chuyển đổi ma trận (Matrix Transform) theo hướng khác với CSS

Giới thiệu

Bạn có thể thử mã sau để thực hiện chuyển đổi ma trận theo hướng khác với CSS:

Ví dụ

<html>
<head>
    <style>
        div {
            width: 300px;
            height: 100px;
            background-color: pink;
            border: 1px solid black;
        }
        div#myDiv2 {
            /* IE 9 */
            -ms-transform: matrix(1, 0, 0.5, 1, 150, 0);
            /* Safari */
            -webkit-transform: matrix(1, 0, 0.5, 1, 150, 0);
            /* Cú pháp chuẩn */
            transform: matrix(1, 0, 0.5, 1, 150, 0);
        }
    </style>
</head>
<body>
    <div>
        Tutorialspoint.com
    </div>
    <div id="myDiv2">
        Tutorialspoint.com
    </div>
</body>
</html>

Kết quả