CSS3——齿轮转动

HTML

 

关键代码：

div{
 　-webkit-animation: xuanzhuan 5s linear;
   -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes xuanzhuan {
   from {
         -webkit-transform: rotateZ(0);
   }

   to {
         -webkit-transform: rotateZ(360deg);
   }
14 }

 

 

 

 

 

CSS

 

JS