[CSS] transform:skew

skew表示倾斜

(1)skewX(30deg)

[CSS] transform:skew_第1张图片

(2)skewY(10deg)

[CSS] transform:skew_第2张图片

(3)skew(30deg,30deg)

[CSS] transform:skew_第3张图片

注:
(1)倾斜结果为中心不变,其他地方可能会溢出。
(2)其他的tranform操作还有,rotate旋转/scale放缩/translate平移
(3)通过tranform-origin:10px 20px可以指定transform中心,距离左上角x=10px,y=20px的位置为中心。

你可能感兴趣的:([CSS] transform:skew)