css3可以完成許多令人驚艷的動畫效果，對于css來說變化是非常大的，我們在html中結(jié)合CSS技術(shù)就可以做出好看的動畫效果，那么應(yīng)該如何寫出這樣的效果呢？

首先寫出一個div，指定一個class，然后再寫出兩個i標簽，作為我們動畫的實體。

我們定義一下div的屬性，包括長款，邊界和位置屬性。

使用為對象選擇器選擇兩個i標簽，然后為它們寫上靜態(tài)屬性，這里的屬性可以隨意調(diào)整，但是display模式一定要寫，不然是看不見圖形的。

我寫完的圖形樣子是這樣的。

接下來定義動畫，anim1 anim2是動畫名字，可以隨意起。里面的就是對應(yīng)進度所改變的屬性。

在兩個i標簽的屬性里調(diào)用動畫，更后加上infinite循環(huán)就可以了。

此時打開我們設(shè)計好的網(wǎng)頁，就可以看到圖形的動態(tài)變化了~