Animate.css 一款强大的预设css3动画库
https://daneden.github.io/animate.css/

建议用这个，不用重复发明轮子

最近有些这方面的，楼主可以看下，通过js实现transition动画！

特性

• 功能

  • 提高动画性能，css3 transition实现；

  • 支持动画播放/暂停；

• 兼容

  • 不支持transition，通过setTimeout实现；

• 写法

  • 支持链式写法；

  • 支持非链式写法；

• 执行顺序

  • 支持串行动画；

  • 支持并行动画；

  • 支持串行&并行结合动画（JQuery&Zepto不支持）；

  • 支持多dom动画（通过类选择器，默认为并行）；

• 类型

  • 支持普通动画；

  • 支持transform动画；

  • 不支持keyframe动画；

• 回调

  • 支持串行回调；

  • 支持并行回调；

  • 支持并行动画全部执行完成的回调；

github地址
https://github.com/wupengFEX/...

文档
http://itoss.me/2016/12/07/%E...