CSS 動畫實戰：創建一個漂亮的加載動畫

這篇文章，用一個實例來講下用僞元素和CSS Animation來創建一個漂亮的加載動畫。 首先來看下，要實現的動畫效果： 先來分析下，這個動畫效果是由哪幾個動畫組成： 1、線段依次出現。 2、然後紅色、橙色和白色矩形依次出現。 3、這些矩形出現之後，然後消失。 4、線段消失。 這裏我們只需要實現1和2動畫效果。後面的3和4，只需要在1和2的基礎上使用animation-direction: alt

>>阅读原文<<