一款利用纯css3实现的360度翻转按钮的实例教程

　　今天要给大家分享的是由css3实现的翻转360动画按钮。之前已为大家分享了好几款css3按钮，大家可以点击链接进去找一找适合自己的。哈哈。下面先为大家上效果图：

　　下面是实现的代码。

　　html代码：

1. <ul class="flatflipbuttons">  
2.             <li><a href="http://www.jb51.net" title="Search"><span class="icon-search"></span>  
3.             </a><b>Search</b></li>  
4.             <li><a href="http://www.jb51.net"><span class="icon-gears"></span></a><b>Gears</b></li>  
5.             <li><a href="http://www.jb51.net"><span class="icon-rss"></span></a><b>RSS</b></li>  
6.             <li><a href="http://www.jb51.net"><span class="icon-twitter"></span></a><b>Twitter</b></li>  
7.             <li><a href="http://www.jb51.net"><span class="icon-rocket"></span></a><b>Rocket</b></li>  
8.         </ul>  
9.         <br />  
10.         <br />  
11.         <ul class="flatflipbuttons second">  
12.             <li><