最终效果：
http://codepen.io/idiotWu/pen/IDqlw
实现原理：
一、拿到雪碧图，一定要告诉设计小伙伴，这个雪碧图是自循环的。
二、用 keyframes 定义动画的规则
三、里面有个新东西需要解释 step()
首先参考 CSS3 timing-function: steps() 详解
网页中使用gif动态图时，部分IE浏览器会出现动画不流畅的效果，体验很不好。故可以考虑使用CSS3 animation来控制动画播放，避免使用gif动态图。其实际原理为，把动态图拼接成当行排列的雪碧图，通过CSS3 animation控制雪碧图的移动速度，进而模拟gif的图片播放效果。
