问答详情
源自：8-2 CSS3中的变形--扭曲 skew()

-webkit-transform: skew(45deg);如何区分是X轴变形还是Y轴呢

-webkit-transform: skew(45deg);

这句代码没有强调X或者Y轴，那我如何区分是X轴变形还是Y轴呢

提问者：qq_夏天就要吃西瓜_0 2019-04-23 11:18

个回答

  • 小鱼鱼同学
    2020-04-07 17:13:33

    skew(45deg)是沿x轴水平向左变形45deg，x轴的变换不会改变元素的高度，只会在x轴方向上发生形变，y轴与此相反。

    0
  • keydew
    2019-04-24 12:56:58

    skew有三种格式：

    1. skew(xdeg)：即水平方向扭曲，X轴不动，Y轴逆时针旋转xdeg

    2. skew(xdeg, ydeg)：即X轴顺时针旋转ydeg，Y轴逆时针旋转xdeg

    3. skewX(xdeg)：同skew(xdeg)

    4. skewY(ydeg)：即垂直方向扭曲，Y轴不动，X轴顺时针旋转ydeg

    所以skew(45deg)就是Y轴逆时针旋转了45度，让图形在水平方向发生扭曲

    0