<head>
<style>
        div {
            width: 100px;
            height: 100px;
            -webkit-transform-origin: 0 0;
            background-color: skyblue;
            border: 5px solid black;
        }
        .matrix { transform: rotate(-30deg) matrix(.866, .5, -.5, .866, 0, 0); }
</style>
</head>
<body>
    <div class="matrix"></div>
</body>