transition & animation

• transition 只能设置开始和结束。 animation 通过 keyframe 可以设置中间帧。

• transition 需要通过事件或伪类来触发，不能页面加载时自动发生。 animation 配合 @keyframe 可以不触发事件就触发这个过程，而

• transition 只能触发一次； animation 可以设置很多的属性，比如循环次数，动画结束的状态等等，

• 在用 aniamtion 的时候可以改变很多属性，像改变了 width、height、postion 等等这些会引起，页面的重排和重绘，对性能影响就比较大，但transition 会结合 tansfrom 来进行旋转和缩放等不会生成新的位图，也就不会引起页面的重排。