css3变形属性

一、变形属性 transform

属性值:
位移 translate()
缩放 scale()
旋转 rotate()
倾斜 skew()

二、位移属性 translate()

不会使元素脱离文档流，小括号内设置参数，可以设置两个，分别是x轴和y轴上的位置

transform: translate(300px, 200px)

三、缩放属性 scale()

scale(x,y) 缩放元素的宽高，当x=y的时候，可以简写成一个

transform: scale(1.2)

四、旋转属性 rotate()

观察旋转是站在正轴方向去看的，rotate(参数)，正值顺时针，负值逆时针

transform: rotate(30deg)

五、倾斜属性 skew()

skew(x,y) 参数单位是deg