引言 在web应用中，前端同学在实现动画效果时往往常用的几种方案： css3 transition / animation - 实现过渡动画 setInterval / setTimeout - 通过设置一个间隔时间来不断的改变图像的位置 requestAnimationFrame - 通过一个回调函数来改变图像位置，由系统来决定这个回调函数的执行时机，比定时修改的性能更好，不存在失帧现象 在大多数需求中，css3的 transition / animation 都能满足我们的需求，并且相对于js实现，可以大大提升…

经常忘记参数的顺序及含义，做个总结方便日后查看 语法结构(简写) animation: name duration timing-function delay iteration-count direction fill-mode; 举例： .dom { animation: wang 3s linear 1s infinite alternate forwards ; } 含义： 动画名称：wang 动画持续时间：3 秒 动画速度：匀速 动画延迟：1 秒 动画播放次数：无限次播放 动画是否反向播放：是反向播放 动…