css3 实现动画效果，怎样使他无限循环动下去？

html-css022

css3 实现动画效果，怎样使他无限循环动下去？,第1张

鼠标悬停，图标会一直不停旋转。 

如果实现图标一直不停旋转，则需要使用animation动画。先制作动画的各个关键帧，然后在图标中运用这一动画。

具体操作如下：

div {

    animation:mymove 5s infinite

    -webkit-animation:mymove 5s infinite 

}

infinite：规定动画应该无限次播放。

关于CSS3的属性，建议你可以去看看HTML5学堂，里面有相关的案例分析与讲解。