skew
skew(x-angle,y-angle)
:沿着X轴Y轴2D倾斜旋转skewX(angle)
:沿着X轴2D倾斜旋转skewY(angle)
:沿着Y轴2D倾斜旋转
.parallelogram { margin: 30px; width: 200px; height: 100px; border: 1px solid slateblue; transform: skew(-20deg);}<div class="parallelogram"></div>

skew
skew(x-angle,y-angle):沿着X轴Y轴2D倾斜旋转
skewX(angle):沿着X轴2D倾斜旋转
skewY(angle):沿着Y轴2D倾斜旋转
.parallelogram { margin: 30px; width: 200px; height: 100px; border: 1px solid slateblue; transform: skew(-20deg);}<div class="parallelogram"></div>