今天给大家分享一款纯css3实现的动画按钮。第一排的按钮当鼠标经过的背景色动画切换，图标从右侧飞入，第二排的按钮当鼠标经过的时候边框动画切换，图标右侧飞入，效果非常好，一起看下效果图：
实现的代码。
html代码：
XML/HTML Code复制内容到剪贴板
<div class="black">
<a href="#" class="btn"><span>Become A Member</span> <i>→</i> </a><a href="#"
class="btn"><span>Support Us</span> <i>→</i> </a><a href="#" class="btn"><span>
Going Down</span> <i class="down">→</i> </a><a href="#" class="btn"><span>Sign
Up</span> <i class="up">→</i> </a>
</div>
<div class="white">
<a href="#" class="btn"><span>Become A Member</span> <i>→</i> </a><a href="#"
class="btn"><span>Support Us</span> <i>→</i> </a><a href="#" class="btn"><span>
Going Down</span> <i class="down">→</i> </a><a href="#" class="btn"><span>Sign
Up</span> <i class="up">→</i> </a>
</div>
