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

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

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

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

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

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

在兩個i標簽的屬性里調用動畫，更后加上infinite循環就可以了。

此時打開我們設計好的網頁，就可以看到圖形的動態變化了~