纯CSS3实现的导航菜单生成器和教程

jopen 8年前

利用CSS3的新特性可以创建外观漂亮和拥有动画效果导航菜单,而且不需要用到javascript。 本文介绍一些纯 CSS3 的导航菜单生成器和教程:

CSS3 Menu Generators

Pure CSS Menu

Pure CSS Menu are lightweight – just a few kb in size, work on almost every known browser (Internet Explorer, Firefox, Opera, Safari, Mozilla, Chrome, Netscape Navigator, etc). CSS menus are search-engine friendly!also by Using Pure CSS Menu you can create CSS dropdown menus online for free without even having to know a single bit of CSS or HTML.

CSS3 Menu

Creating a nice looking menu no longer needs all the code and time it use to, thanks to CSS3. Using this FREE CSS3 Menu you can create great looking buttons using just CSS3 in a few clicks.

CSS Menu Maker

With different menu template, CSS Menu Maker generates menu easily without having to know all the complicated code.

CSS3 Menu Generator

Visually generate a CSS3 menu, this generator will help you design a CSS3 menu for your website, you can update any property and instantly see the changes that you have made.

Recent Tutorials

Create a stunning Menu in CSS3

Create a good looking menu without any images and javascript. Just pure CSS3 with icon font.

How to create a pure CSS dropdown Menu

With the help of some advanced selectors a dropdown menu can be easily created with CSS. Throw in some fancy CSS3 properties and you can create a design that was once only achievable with background images and Javascript. Follow this tutorial to see the step by step process of building your own pure CSS dropdown menu.

CSS3 Dropdown Menu by DesignModo

In this tutorial designmodo will code in pure CSS3 the Navigation Menu that you can find in Impressionist UI by Vladimir Kudinov.

CSS3 DropDown Menu by Red Team Design

Learn how to create your own CSS3 dropdown menu, without any additional Javascript code. There are no images used and, as usual, minimal HTML markup.

Pure CSS3 LavaLamp Menu

Here is something a little bit different. A CSS3 menu with lava lamp animation. Learn how to do it via this tutorial.

Apple Menu with CSS3

Apart from the magnifier and apple logo, all are pure CSS3 styling!

Dark Menu Pure CSS3 Menu

Create a visually impressive dark menu with pure CSS3.