CSS3中2D属性

CSS3中2D属性：transform

transform的属性值：
（1）translate：原来位置的偏移（可以设置负值）
例如：transform:translate(50px,100px);
可以设置一个方向，translatex()或者translatey()
如果设置的值为50%，应该为元素自身的一半。
注：x和y大小写都可以。

（2）rotate()设置旋转角度（可以设置负值）
例如：rotate(30deg);
它也可以单独设置一个方向，rotatex()/rotatey()
正值是顺时针旋转，负值是逆时针旋转。

（3）scale()：设置缩放 (不可以是负值)
如果设置一个值指宽高缩放的倍数，如果两个值，第一个值代表宽度缩放倍数，第二个值代表高度的缩放的倍数
例如：scale(2,3);

（4）skew():设置扭曲角度
skewx()设置水平方向的扭曲角度，skewY()设置垂直方向的扭曲角度。
transform的四个值可以综合设置，但是如果设置的顺序不一样，就算值一样，最终显示的效果也是不一样的。

transform-origin:设置元素的基点，默认是在正中心

标签：CSS3,负值,缩放,transform,2D,角度,设置,扭曲,属性
来源： https://blog.csdn.net/weixin_43755513/article/details/98638652