最终效果：
http://codepen.io/idiotWu/pen/IDqlw
实现原理：
一、拿到雪碧图，一定要告诉设计小伙伴，这个雪碧图是自循环的。
二、用 keyframes 定义动画的规则
三、里面有个新东西需要解释 step()
首先参考 CSS3 timing-function: steps() 详解
可以直接学的，但还是建议你从CSS学起，熟练之后稍微了解下CSS3就可以灵活运用了。关键要做个作品或网页出来，不难进步真的很慢。
给你一个学习地址，里面有CSS、CSS3：
http://www.w3school.com.cn/h.asp
