今天要给大家分享的是由css3实现的翻转360动画按钮。之前已为大家分享了好几款css3按钮，大家可以点击链接进去找一找适合自己的。哈哈。下面先为大家上效果图：
下面是实现的代码。
html代码：
XML/HTML Code复制内容到剪贴板
<ul class="flatflipbuttons">
<li><a href="https://www.jb51.net" title="Search"><span class="icon-search"></span>
</a><b>Search</b></li>
<li><a href="https://www.jb51.net"><span class="icon-gears"></span></a><b>Gears</b></li>
<li><a href="https://www.jb51.net"><span class="icon-rss"></span></a><b>RSS</b></li>
<li><a href="https://www.jb51.net"><span class="icon-twitter"></span></a><b>Twitter</b></li>
<li><a href="https://www.jb51.net"><span class="icon-rocket"></span></a><b>Rocket</b></li>
</ul>
<br />
<br />
<ul class="flatflipbuttons second">
<li><a href="https://www.jb51.net"><span>
<img src="imgs/rss-heart.png" /></span></a></li>
<li><a href="https://www.jb51.net"><span>
<img src="imgs/twitter-heart.png" /></span></a></li>
<li><a href="https://www.jb51.net"><span>
