通过animation-delay来控制相同的元素（div）不同延时显示动画
https://codepen.io/alphardex/pen/KKwvKGY
用JS将句子或单词分割成字母，并给每个字母加上不同延时的动画。
https://codepen.io/alphardex/pen/eYYMYXJ
如果要从中间元素开始交错的话，就要给当前元素的延时各加上一个值，这个值就是中间元素的下标到当前元素的下标的距离（也就是下标之差的绝对值）与步长的乘积，即：delay + Math.abs(i - middle) * step，其中中间元素的下标middle = letters.filter(e =>e !== "").length / 2
https://codepen.io/alphardex/pen/dyPorwJ
实现一个奔跑效果，你需要以下几个资源
最终效果：
http://codepen.io/idiotWu/pen/IDqlw
实现原理：
一、拿到雪碧图，一定要告诉设计小伙伴，这个雪碧图是自循环的。
二、用 keyframes 定义动画的规则
三、里面有个新东西需要解释 step()
首先参考 CSS3 timing-function: steps() 详解
