HTML如何使用css完成动画效果?
css3可以完成许多令人惊艳的动画效果,对于css来说变化是非常大的,我们在html中结合CSS技术就可以做出好看的动画效果,那么应该如何写出这样的效果呢?
操作方法
- 01
首先写出一个div,指定一个class,然后再写出两个i标签,作为我们动画的实体。
- 02
我们定义一下div的属性,包括长款,边界和位置属性。
- 03
使用为对象选择器选择两个i标签,然后为它们写上静态属性,这里的属性可以随意调整,但是display模式一定要写,不然是看不见图形的。
- 04
我写完的图形样子是这样的。
- 05
接下来定义动画,anim1 anim2是动画名字,可以随意起。 里面的就是对应进度所改变的属性。
- 06
在两个i标签的属性里调用动画,最后加上infinite循环就可以了。
- 07
此时打开我们设计好的网页,就可以看到图形的动态变化了~
赞 (0)