一款基于css3的动画按钮代码教程

　　微课江湖之前为大家分享了很多款纯css3实现的实用按钮。今天给大家带来一款基于css3的动画按钮。实现的效果图如下：

　　实现的代码。

　　html代码：

1. <div class="share-buttons">  
2.         <div class="share-button">  
3.             <div class="share-button-secondary">  
4.                 <div class="share-button-secondary-content">  
5.                     share on twitter   
6.                 </div>  
7.             </div>  
8.             <div class="share-button-primary">  
9.                 <i class="share-button-icon fa fa-twitter"></i>  
10.             </div>  
11.         </div>  
12.         <div class="share-button">  
13.             <div class="share-button-secondary">  
14.                 <div class="share-button-secondary-content">  
15.                     share on facebook   
16.                 </div>  
17.             </div>  
18.             <div class="share-button-primary">  
19.                 <i class="share-button-icon fa fa-facebook"></i>  
20.             </div>  
21.         </div>  
22.         <div class="share-button">  
23.             <div class="share-button-secondary">  
24.                 <div class="share-button-secondary-content">  
25.      &nbs