斜

HTML

<div class="skew"></div>

CSS

.skew {
    width: 100px;
    height: 100px;
    background: teal;
    transform: skew(20deg, -30deg);
}

此示例將 div 在 X 軸上傾斜 20 度，在 Y 軸上傾斜 -30 度。
變換的中心位於 div 的中心，50%位於左側，50%位於頂部。

在這裡檢視結果。