css3可以完成许多令人惊艳的动画效果，对于css来说变化是非常大的，我们在html中结合CSS技术就可以做出好看的动画效果，那么应该如何写出这样的效果呢？

首先写出一个div，指定一个class，然后再写出两个i标签，作为我们动画的实体。

我们定义一下div的属性，包括长款，边界和位置属性。

使用为对象选择器选择两个i标签，然后为它们写上静态属性，这里的属性可以随意调整，但是display模式一定要写，不然是看不见图形的。

我写完的图形样子是这样的。

接下来定义动画，anim1 anim2是动画名字，可以随意起。里面的就是对应进度所改变的属性。

在两个i标签的属性里调用动画，更后加上infinite循环就可以了。

此时打开我们设计好的网页，就可以看到图形的动态变化了~