infinite spin

Use CSS3's animation animation property to achieve 360° infinite loop rotation.

Code snippet:

<div id="test">

　　<img src="/CSS3/img/yinyue.png" id="change" /> //Customize the image path

</div> The

CSS style is written as follows:

#change{ position:absolute; right:200px; -webkit-animation:change 2s linear infinite;}

@-webkit-keyframes change

{

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

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

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

}