最终效果：
http://codepen.io/idiotWu/pen/IDqlw
实现原理：
一、拿到雪碧图，一定要告诉设计小伙伴，这个雪碧图是自循环的。
二、用 keyframes 定义动画的规则
三、里面有个新东西需要解释 step()
首先参考 CSS3 timing-function: steps() 详解
要创建 CSS3 动画，你需要了解 @keyframes 规则。@keyframes 规则是创建动画。
@keyframes 规则内指定一个 CSS 样式和动画将逐步从目前的样式更改为新的样式。
