CSS3 transform的skew属性值图文详解

ttx9n · 发表于 2014-7-21 17:19:52

skew(...)的括号里放的是坐标轴旋转的角度，那么就可以知道y轴顺时针转为正，X轴逆时针转为正，需要的朋友可以参考下我刚刚接触transform的skew属性值时一头雾水，根本不知道种东西到底是咋变的。上网查，各个网站上也只说这个使用来做扭曲变换的，具体是咋变的就是不说。。。。无奈我只好自己研究了，现把研究结果共享一下。

首先说变换的时候坐标系是咋建的，如下图（transform-origin:0px 0px;）。

既然skew(...)的括号里放的是坐标轴旋转的角度，那么接下来说一下旋转正方向的问题。y轴顺时针转为正，X轴逆时针转为正。

之后图形就可以确定了，因为两轴的位置确定了，然后用仿射变换即可确定。

locopy · 发表于 2022-8-21 15:21:27

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

i3x3r3 · 发表于 2022-12-8 20:17:36

强烈支持楼主ing……

xf9hlg1 · 发表于 2022-12-21 23:00:52

那三门，你们谁寂寞才快乐撒

e5plu · 发表于 2023-8-18 07:33:41

dfdsafdsfdsfdsf

r8st9 · 发表于 2023-8-27 04:52:59

来看看怎么样

kwzc65wdj · 发表于 2023-8-31 13:22:03

sdsadsadsadf

fwn2rd · 发表于 2023-9-12 00:22:16

vcxvcxv

hd1tvqb3 · 发表于 2023-11-4 04:38:13

非常vbcbvcvbvcb

qzdhcgs · 发表于 2023-11-10 19:22:06

很好，谢谢分享

账号		自动登录	找回密码
密码			立即注册

[CSS] CSS3 transform的skew属性值图文详解

相关帖子