CSS 动画实战：创建一个漂亮的加载动画

这篇文章，用一个实例来讲下用伪元素和CSS Animation来创建一个漂亮的加载动画。 首先来看下，要实现的动画效果： 先来分析下，这个动画效果是由哪几个动画组成： 1、线段依次出现。 2、然后红色、橙色和白色矩形依次出现。 3、这些矩形出现之后，然后消失。 4、线段消失。 这里我们只需要实现1和2动画效果。后面的3和4，只需要在1和2的基础上使用animation-direction: alt

>>阅读原文<<