CSS3——齿轮转动

HTML

 

关键代码：

 1 div{
 2  　-webkit-animation: xuanzhuan 5s linear;
 3    -webkit-animation-iteration-count: infinite;
 4 }
 5 
 6 @-webkit-keyframes xuanzhuan {
 7    from {
 8          -webkit-transform: rotateZ(0);
 9    }
10 
11    to {
12          -webkit-transform: rotateZ(360deg);
13    }
14 }

 

 

 

 

 

 

CSS

 

JS