无限旋转

使用CSS3的animation动画属性实现360°无限循环旋转。

代码片段：

<divid="test">

<imgsrc="/CSS3/img/yinyue.png"id="change"/>//图片路径自定义

</div>

CSS样式书写如下：

#change{position:absolute;right:200px;-webkit-animation:change2slinearinfinite;}

@-webkit-keyframeschange

{

0%{-webkit-transform:rotate(0deg);}

50%{-webkit-transform:rotate(180deg);}

100%{-webkit-transform:rotate(360deg);}

}