2D变换

作者：IT小白 | 2024-07-06 21:08:37

踩

2d变换

2D变换（transform）

transform:rotate(旋转) translate（位移） scale（缩放） skew（扭曲）;
1

元素顺时针旋转给定的角度。

允许负值，元素将逆时针旋转。
在这里插入图片描述

translate(值1，值2）

值1：水平位移

值2：垂直位移

translateX(）水平位移

translateY(）垂直位移
在这里插入图片描述

scale(数值)

水平垂直缩放

scaleX(数值)

水平缩放

scaleY(数值)

垂直缩放
在这里插入图片描述

skew( )

根据角度而变换扭曲,值的单位为度数（deg）

skewX( )

水平线上（X轴）扭曲

skewY( )

垂直线上（Y轴）扭曲
在这里插入图片描述

在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/793987