一款恶搞头像特效的制作过程 利用css3和jquery

　　今天给大家分享一款基于jquery和css3的头像恶搞特效。这款实例中，一个头像在画面中跳舞，头像还有可爱的帽子，单击下面的按钮可以为头像切换不同的帽子。如下图照片中头像左右摇晃，很搞笑，大家也可以自己尝试制作哦。

　　实现的代码。

　　html代码：

1. <div class="wwiaftm-container">  
2.         <div class="base wwiaftm">  
3.             <div class="body-1 wwiaftm">  
4.                 <div class="body-2 wwiaftm">  
5.                     <div class="hat wwiaftm" style="background-image: url(Mini_Sombrero.png)">  
6.                     </div>  
7.                     <div class="head wwiaftm">  
8.                         <div class="profile">  
9.                             <img src="head.png">  
10.                         </div>  
11.                     </div>  
12.                     <div class="wwiaftm arm-1 left">  
13.                         <div class="wwiaftm arm-2 left">  
14.                             <div class="wwiaftm fingers">  
15.                             </div>  
16.                         </div>  
17.                     </div>  
18.                     <div class="wwiaftm arm-1 right">  
19.                         <div class="wwiaftm arm-2 right">  
20.                 &nbs