Animation delay - panchaow/blog GitHub Wiki
animation-delay是用于设置 animation 开始时间的 CSS 属性，用它我们可以实现一些有趣的动画效果。
为了提示用户我们正在处理您的请求，在进行耗时较长的操作以及页面加载时使用加载指示器可以给用户一个比较好的体验。加载指示器有各种各样的，其中一类是依靠 animation-delay 属性实现的。
这类指示器的实现原理很简单，就是利用多个元素动画开始时间的不同实现一种此消彼长、不停向前推进的效果。
上面的这个例子改变的是 bar 的高度，但是我们也可以配合其他我们想要的动画效果，比如缩放、改变透明度等等。