-webkit-transform: skew(45deg);如何區(qū)分是X軸變形還是Y軸呢
-webkit-transform:?skew(45deg);
這句代碼沒(méi)有強(qiáng)調(diào)X或者Y軸，那我如何區(qū)分是X軸變形還是Y軸呢
qq_夏天就要吃西瓜_0
2019-04-23
2 回答
舉報(bào)
0/150
提交
取消
2020-04-07
skew(45deg)是沿x軸水平向左變形45deg，x軸的變換不會(huì)改變?cè)氐母叨?，只?huì)在x軸方向上發(fā)生形變，y軸與此相反。
2019-04-24
skew有三種格式：
skew(xdeg)：即水平方向扭曲，X軸不動(dòng)，Y軸逆時(shí)針旋轉(zhuǎn)xdeg
skew(xdeg, ydeg)：即X軸順時(shí)針旋轉(zhuǎn)ydeg，Y軸逆時(shí)針旋轉(zhuǎn)xdeg
skewX(xdeg)：同skew(xdeg)
skewY(ydeg)：即垂直方向扭曲，Y軸不動(dòng)，X軸順時(shí)針旋轉(zhuǎn)ydeg
所以skew(45deg)就是Y軸逆時(shí)針旋轉(zhuǎn)了45度，讓圖形在水平方向發(fā)生扭曲