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

最新推荐文章于 2024-06-25 21:26:14 发布

原创最新推荐文章于 2024-06-25 21:26:14 发布 · 86 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#css #3D按钮 #CSS按钮

本文介绍由BrandonPierce设计的3D按钮，通过基本HTML和图标字体CSS实现，旨在提供简洁的按钮样式。包括HTML结构展示和图标字体CSS的使用方法。

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

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

在线演示本地下载

今天我们介绍一篇来自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>