纯CSS实现的3D简洁按钮设计

日期：2012-6-22  来源：GBin1.com

 

在线演示  本地下载 

今天我们介绍一篇来自Brandon Pierce的3D按钮设计。希望大家喜欢！

基本HTML 

<nav>
      
  <ul class="nav">
       
    <li><a href="#" class="icon-home"></a></li>

    <li><a href="#" class="icon-cog"></a></li>

    <li><a href="#" class="icon-cw"></a></li>

    <li><a href="#" class="icon-location"></a></li>

  </ul>
 </nav>

图标字体CSS

......

来源：纯CSS实现的3D简洁按钮设计