transform：

它和width、left一样，定义了元素很多静态样式，实现变形、旋转roatae、缩放scale、位移translate及透视perspectivetransform等功能，通过一系列功能的组合我们可以实现很炫酷的静态效果(非动画)

transition：样式过渡,从一种效果逐渐变为另一种效果

作用域元素本身而不是样式属性，属于关键帧动画的范畴，它本身被用来替代一些纯粹表现得JavaScript代码而实现动画，可以通过keyframe显式控制当前帧得属性值 transition通常和hover等事件配合使用,需要由事件来触发过渡

规定完成动画所花费得时间，以秒或毫秒计

1.transform仅描述元素的静态样式,通常配合transition和animation使用

2.transition通常和hover等事件配合使用,animation是自发的,立即播放

3.animation可以设置循环次数

4.animation可以设置每一帧的样式和时间,transition只能设置头尾

5.transition可以和js配合使用,js设定要变化的样式,transition负责动画效果