新建keyframes元素,命名为myFirst。设置百分比,编写Animation属性对属性值的引用。为了开考虑兼容性问题,可以多写几个备选,详细步骤:
1、首先,准备好HTML前期工作以及对DIV的一个简单设置。
2、然后,新建keyframes元素,命名为myFirst。
3、然后,可以在设置百分比,不仅仅只能设置4个,大家可以根据需求设置。
4、这时候,可以为他写上各种百分比的颜色。
5、此时,就能编写Animation属性对属性值的引用。
6、为了开考虑兼容性问题,可以多写几个备选。
鼠标悬停,图标会一直不停旋转。
如果实现图标一直不停旋转,则需要使用animation动画。先制作动画的各个关键帧,然后在图标中运用这一动画。
具体操作如下: