-webkit-transform: skew(45deg);如何區分是X軸變形還是Y軸呢
-webkit-transform:?skew(45deg);
這句代碼沒有強調X或者Y軸，那我如何區分是X軸變形還是Y軸呢
qq_夏天就要吃西瓜_0
2019-04-23
2 回答
舉報
0/150
提交
取消
2020-04-07
skew(45deg)是沿x軸水平向左變形45deg，x軸的變換不會改變元素的高度，只會在x軸方向上發生形變，y軸與此相反。
2019-04-24
skew有三種格式：
skew(xdeg)：即水平方向扭曲，X軸不動，Y軸逆時針旋轉xdeg
skew(xdeg, ydeg)：即X軸順時針旋轉ydeg，Y軸逆時針旋轉xdeg
skewX(xdeg)：同skew(xdeg)
skewY(ydeg)：即垂直方向扭曲，Y軸不動，X軸順時針旋轉ydeg
所以skew(45deg)就是Y軸逆時針旋轉了45度，讓圖形在水平方向發生扭曲