skew
skewx
skewy
skewX()
傾斜該元素,里面填的是角度,下面↓ 你會看到,隨着元素被傾斜,高度居然不變。聰明的你,一定會知道,高度不變,代表了,Y軸被拉伸了。
跟scale 同理,改變的是 軸的刻度。 → scale
skew
也就是 skewx 和 skewy 的結合體,但是又有不同之處。
如果使用單個參數,那跟單獨使用 skewx 和 skewy是一樣的效果
但是!如果你同時使用兩個參數了,那么跟 同時使用skewx 和 skewy 時有一點差異的。
那么,是為什么會出現這種差異呢? 其實道理很簡單,skewX(40deg), skewY(40deg) 的執行順序是, 先按照 X軸 斜切 40deg, 然后再按照Y 斜切40deg, 但是吧skew(40deg, 40deg),可不是這樣的。他是同時 進行操作的,所以,結果略有不同。