四个常用功能
位移translate
缩放scale
旋转rotate
倾斜skew
经验
一般都需要配合transition过渡
inline元素不支持transform,需要先变成block
transform之translate
常用写法
translateX(<length-percentage>)
translateY(<length-percentage>)
translateX(<length-percentage>,<length-percentage>?)
translateZ(<length>)且父容器perspective
translate3d(x,y,z)
JSBin演示
经验
要学会看懂MDN的语法实例
translate(-50%,-50%)可做绝对定位元素的居中
transform之scale
常用写法
scaleX(<number>)
scaleY(<number>)
scale(<number>,<number>?)
JSBin演示
经验
用得较少,因为容易出现模糊