实用的 CSS3 菜单生成器及教程

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