文章来自：源码在线 https://www.shengli.me/h5/479.html
transition和animation做动画
常和transfrom配合使用，区别如下：
| transition | animation | |
|---|---|---|
| 触发条件 | 通常和hover等事件配合，由事件触发 | 和gif差不多，立即播放 |
| 循环 | 不能循环 | 可设置循环次数 |
| 精确性 | 只能设置头尾，所有样式属性都要一起变化 | 可以设置每一帧的时间和样式，每一帧变化的样式可以单独设置 |
| 与JavaScript的交互 | tranistion和js的结合更强大。js设定要变化的样式，transition负责动画效果 | 与js交互不是很紧密 |