斜

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%位于顶部。

在这里查看结果。