`

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

css3D按钮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>

图标字体CSS

......

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

分享到：
| GBin1在线实例帮助你更好的了解jQuery功能 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

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

    CSS实现有立体感的横向按钮式菜单效果代码

    本文实例讲述了CSS实现有立体感的横向按钮式菜单效果代码。分享给大家供大家参考。具体如下： 这是一款横向有立体感的CSS按钮式菜单，采用了CSS常用的UL/LI结构，布局方便，将LI定义为按钮样式，鼠标放上后显示出...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    12.jQuery制作登录按钮实现Ajax带状态提示 13.jvalidate无刷新表单验证插件示例下载 14.分享jquery无刷新多功能表单验证插件并漂亮美化表单及错误输入提示效果 15.简单jQuery+CSS实现验证表单红色提示效果 ...

    08-最新HTML5+CSS3+JavaScript实用案例大全（2181例）.rar

    5组简洁漂亮的CSS3鼠标Hover按钮动画特效6款简洁漂亮的CSS3分页样式代码 16款漂亮的html5手机导航菜单代码 7个jQuery+Dragdealer.js内容滚动条拖拽滑动解7款CSS3超链接下划线动画特效代码 7款CSS3制作美化的搜索框...

    超实用的CSS代码段

    《超实用的CSS代码段》分为11章，包含文字、字体、边框、图片、按钮、链接、背景、颜色、动画、页面布局、美化、盒子、3D、CSS Hack等网页设计和交互技术，对那些客户要求高、工作节奏快的网站开发人员和设计人员...

    3D倾斜的开关按钮交互特效

    js css制作3D开关按钮开灯/关灯切换效果，简洁的按钮ui特效。

    javascript经典效果示例

    59:___纯CSS实现鼠标移上图片添加阴影效果 60:___经典的图片切换 61:___网站首页js幻灯片代码 62:___美化过的匀速图片滚动 63:___腾讯QQ网站的Js图片切换 64:___自写Js+CSS轮显效果 65:___自动播放——Js幻灯片缓冲...

    【前端素材】小游戏-3d射箭打靶游戏.zip

    考虑用户的需求和习惯，设计友好的用户界面，包括按钮、菜单、指引等，以提升用户体验。 视觉设计：选择合适的配色方案、图标和界面元素，保持视觉风格一致性。优秀的视觉设计可以提升游戏的吸引力和品质感。 动画...

    【前端素材】小游戏-005- 3D魔方.zip

    考虑用户的需求和习惯，设计友好的用户界面，包括按钮、菜单、指引等，以提升用户体验。 视觉设计：选择合适的配色方案、图标和界面元素，保持视觉风格一致性。优秀的视觉设计可以提升游戏的吸引力和品质感。 动画...

    【前端素材】小游戏-057- 3D拼图魔方.zip

    考虑用户的需求和习惯，设计友好的用户界面，包括按钮、菜单、指引等，以提升用户体验。 视觉设计：选择合适的配色方案、图标和界面元素，保持视觉风格一致性。优秀的视觉设计可以提升游戏的吸引力和品质感。 动画...

    【前端素材】小游戏-058- 3D拳王拳击.zip

    考虑用户的需求和习惯，设计友好的用户界面，包括按钮、菜单、指引等，以提升用户体验。 视觉设计：选择合适的配色方案、图标和界面元素，保持视觉风格一致性。优秀的视觉设计可以提升游戏的吸引力和品质感。 动画...

    【前端素材】小游戏-056- 3D熊出没.zip

    考虑用户的需求和习惯，设计友好的用户界面，包括按钮、菜单、指引等，以提升用户体验。 视觉设计：选择合适的配色方案、图标和界面元素，保持视觉风格一致性。优秀的视觉设计可以提升游戏的吸引力和品质感。 动画...

    【前端素材】小游戏-046- 3D飞机躲避障.zip

    考虑用户的需求和习惯，设计友好的用户界面，包括按钮、菜单、指引等，以提升用户体验。 视觉设计：选择合适的配色方案、图标和界面元素，保持视觉风格一致性。优秀的视觉设计可以提升游戏的吸引力和品质感。 动画...

    js特效，包含各种效果

    JS+CSS实现的阴影网页时钟 JS+CSS写的实用简洁的二级下拉菜单 JS打造在网页左右两边悬浮可分组的QQ在线客服代码 JS弹性透明图片放大效果 JS日期生成器 JS展开合拢菜单 QQ在线客服状态检测 超酷围绕成3D模型样式的...

    JAVA上百实例源码以及开源项目源代码

    例如，容易实现协议的设计。 Java EJB中有、无状态SessionBean的两个例子 两个例子，无状态SessionBean可会话Bean必须实现SessionBean，获取系统属性，初始化JNDI，取得Home对象的引用，创建EJB对象，计算利息等；...

    JAVA上百实例源码以及开源项目

    例如，容易实现协议的设计。 Java EJB中有、无状态SessionBean的两个例子 两个例子，无状态SessionBean可会话Bean必须实现SessionBean，获取系统属性，初始化JNDI，取得Home对象的引用，创建EJB对象，计算利息等；...

Magicbox
Global site tag (gtag.js) - Google Analytics