①transition 强调过渡，animation 强调流程与控制；
②两者的控制粒度不一样，transition 的粒度更加粗一些，animation 中的 keyframe 方法可以控制任意阶段的属性；
③transition 只有两个状态：开始和结束，animation 有多个状态，有帧的概念；
④transition 需要借助别的方式来触发，例如 hover，animation 不仅可以通过该方法触发，更重要的可以自动触发；
⑤animation 控制动效比 transition 强，animation 可以控制动画的很多属性，例如循环播放；
⑥css 的部分属性不具备 transition 效果，animation 可以实现所有 css 属性的变化；
⑦使用 animation 必须要先通过 keyframe 定义方法；
⑧animation 会引起页面的回流和重绘，对性能影响较大，transition 一般是结合 transform，不会引起页面重排；
