倾斜函数 skew

Docs

倾斜：skew(x, y)
函数定义了一个元素在二维平面上的倾斜转换。
值个数
一个值时，表示 x 轴上的倾斜
二个值时，表示 x 轴和 y 轴上的倾斜
值类型：
deg：倾斜的角度
正数为顺时针
负数为逆时针
注意：倾斜的原点受 transform-origin 的影响

skew() 函数定义了一个元素在二维平面上的倾斜转换。它的结果是一个<transform-function> 数据类型。

这种转换是一种剪切映射 (横切)，它在水平和垂直方向上将单元内的每个点扭曲一定的角度。每个点的坐标根据指定的角度以及到原点的距离，进行成比例的值调整；因此，一个点离原点越远，其增加的值就越大。

语法

skew() = skew( [ <angle> | <zero> ] , [ <angle> | <zero> ]? )
skewX() = skewX( [ <angle> | <zero> ] )
skewY() = skewY( [ <angle> | <zero> ] )

skew() 函数指定一个或两个参数，它们表示在每个方向上应用的倾斜量。

<angle> 指定了 skew() 的倾斜程度。