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

html-css011

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

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

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

具体操作如下:

div {

    animation:mymove 5s infinite

    -webkit-animation:mymove 5s infinite 

}

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

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