CSS3中动画属性transform，transition和animation属性的区别?

Question

CSS3中动画属性transform，transition和animation属性的区别

Answer 1

1、translate3d(x,y,z) 是用来控制元素的位置在页面上的三轴的位置的；2、rotate(deg)是用来控制元素旋转角度的；3、skew[x,y](deg) 这个属性是用来制作倾斜度的，做过设计的人可能会知道，这个是用来在2d里面创建3d透视图的时候必须的属性；4、scale3d(x,y,z) 用来放大缩小效果，属性是比值；5、matrix3d，css矩阵。通过这个矩阵属性，涵盖了上面所有的属性值，但是个人觉得可读性极差（全都是数字和单位，背起来有点模糊），目前没有理由推荐使用。