一款纯css3制作的2015年元旦雪人动画特效教程

　　在圣诞节或者是元旦的时候，爱编程小编给大家分享一款纯css3实现的雪人动画特效。该实例实现一个雪人跳动的特效，效果图如下：

　　实现的代码。

　　html代码：

1. <span class="text">lolwut<small>-@rsmswlln</small></span>  
2.    <div class="body">  
3.        <div class="hat">  
4.            <div class="ribbon">  
5.            </div>  
6.        </div>  
7.        <div class="face">  
8.        </div>  
9.        <div class="scarf">  
10.        </div>  
11.        <div class="right-arm">  
12.            <div class="hand">  
13.            </div>  
14.        </div>  
15.        <div class="left-arm">  
16.            <div class="hand">  
17.            </div>  
18.        </div>  
19.    </div>  
20.    <div class="puddle">  
21.    </div>  

　　css代码：

1. body {   
2.   background: #c0392b;   
3. }   
4. .body {   
5.   width: 250px;   
6.   height: 250px;   
7.   background: #ffffff;   
8.   border-radius: 50%;   
9.   box-shadow: inset -20px -5px 35px rgba(0, 0, 0, 0.2);   
10.   position: absolute