纯HTML5+CSS3制作图片旋转

此实例可以应用到许多项目中，很实用，希望大家可以掌握。

效果图如下：

这个效果实现起来其实并不困难，代码清单如下:

1.      
2.      
3.      
4.          
5.          
6.          
7.         #liu{     
8.             width:280px;     
9.             height: 279px;     
10.             background: url(shishi.png) no-repeat;     
11.             border-radius:140px;     
12.             -webkit-animation:run 6s linear 0s infinite;     
13.         }     
14.      
15.         #liu:hover{     
16.             -webkit-animation-play-state:paused;     
17.         }     
18.      
19.      
20.         @-webkit-keyframes run{     
21.             from{     
22.                 -webkit-transform:rotate(0deg);     
23.             }     
24.             to{     
25.                 -webkit-transform:rotate(360deg);     
26.             }     
27.         }     
28.      
29.          
30.      
31.      
32.