纯css3实现的动画按钮的实例教程

　　今天给大家分享一款纯css3实现的动画按钮。第一排的按钮当鼠标经过的背景色动画切换，图标从右侧飞入，第二排的按钮当鼠标经过的时候边框动画切换，图标右侧飞入，效果非常好，一起看下效果图：

　　实现的代码。

　　html代码：

1. <div class="black">  
2.             <a href="#" class="btn"><span>Become A Member</span> <i>→</i> </a><a href="#"  
3.                 class="btn"><span>Support Us</span> <i>→</i> </a><a href="#" class="btn"><span>  
4.                     Going Down</span> <i class="down">→</i> </a><a href="#" class="btn"><span>Sign   
5.                         Up</span> <i class="up">→</i> </a>  
6.         </div>  
7.         <div class="white">  
8.   
9.             <a href="#" class="btn"><span>Become A Member</span> <i>→</i> </a><a href="#"  
10.                 class="btn"><span>Support Us</span> <i>→</i> </a><a href="#"