transition 和 animation 的区别 ​

transition 关注的是 CSS property 的变化，property 值和时间的关系是一个三次贝塞尔曲线。

animation 作用于元素本身而不是样式属性，可以使用关键帧的概念，应该说可以实现更自由的动画效果。

详细资料可以参考： ​

• 《CSSanimation 与 CSStransition 有何区别？》
• 《CSS3Transition 和 Animation 区别及比较》
• 《CSS 动画简介》
• 《CSS 动画：animation、transition、transform、translate》