资讯频道 → Web前端
阅读更多

10顶
0踩

Web前端

原创新闻 实用的 CSS3 菜单生成器及教程

2013-04-27 17:53 by 副主编 wangguo 评论(5) 有16160人浏览
css css3 菜单 导航

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

CSS3为Web设计师和开发者创建伟大的作品带来了极大的可能性。通过CSS3中的3D变换、动画等属性，即使不使用JavaScript，你也能创造出令人印象深刻的动画效果。

本文为你整理了一些使用纯CSS3创建菜单的教程。如果你没有太多时间来看这些教程，你也可以通过下面的CSS菜单生成器来快速打造精美的纯CSS菜单。

一、CSS3菜单生成器

1.  PURE CSS MENU

Pure CSS Menu非常轻量，只有几kb大小，兼容目前所有已知浏览器（IE、Firefox、Opera、Safari、Mozilla、Chrome、Netscape等）。即使你不知道任何CSS、HTML语法，你也可以轻松创建出CSS下拉菜单。



2.  CSS3 MENU

你只需要使用鼠标点击几下，即可创建非常漂亮的菜单和按钮。



3.  CSS MENU MAKER

该工具提供了多个菜单模板。



4.  CSS3 MENU GENERATOR

另一款CSS3菜单生成器，你可以即时看到你的修改所产生的效果。



二、CSS3菜单开发教程

1.  使用CSS3打造一款带图标的下拉菜单



2.  纯CSS下拉菜单



3.  平滑的CSS3下拉菜单



4.  CSS3多级下拉菜单



5.  带熔岩灯效果的纯CSS3菜单



6.  使用纯CSS3打造的苹果官网菜单



7.  一款黑暗系CSS3菜单



Via Queness
  • 大小: 34.7 KB
  • 大小: 30.8 KB
  • 大小: 38 KB
  • 大小: 36.1 KB
  • 大小: 28.1 KB
  • 大小: 25.8 KB
  • 大小: 17.5 KB
  • 大小: 10.6 KB
  • 大小: 27.2 KB
  • 大小: 11.6 KB
  • 大小: 14.4 KB
  • 大小: 8.1 KB
10
顶
0
踩
评论 共 5 条 请登录后发表评论
5 楼 hacklove 2013-05-03 18:03
4 楼 lxraisini 2013-05-02 09:11
  • [list]
  • [*][list]
  • [*][*][list]
  • [*][*][*][list]
  • [*][*][*][*][list]
  • [*][*][*][*][*]
  • [*][*][*][*]
  • [*][*][*][/list]
  • [*][*][/list]
  • [*][/list]
  • [/list]
    • [/list]
    3 楼 zhukewen_java 2013-04-28 21:49
    zhukewen_java 写道
    这样的菜单，能否动态生成？从后台传值到前台再生成？

    哦，想了下，应该是可以的，必须可以
    2 楼 zhukewen_java 2013-04-28 21:49
    这样的菜单，能否动态生成？从后台传值到前台再生成？
    1 楼 xiaoxing598 2013-04-28 19:07
    不知道，有没有生成网页的工具。

    发表评论

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

    相关推荐

    Global site tag (gtag.js) - Google Analytics