CSS3 Menu

CSS3 Menu

CSS3 is changing how we build websites
3.4  (7 votes)
5.3 (See all)

CSS3 is changing how we build websites. Even though many of us are still reluctant to start using CSS3 due to the lack of support in some browsers, there are those out there that are moving forward and doing some amazing stuff with its cool new features.

No longer will we have to rely on so much JavaScript and images to create nice looking website elements such as buttons and menu navigations.

This menu works perfectly well with Firefox, Opera, Chrome and Safari. The dropdown also works on non-CSS3 compitable browsers such as IE7+, but the rounded corners and shadow will not be rendered. CSS3 transitions could one day replace all the fancy jQuery animation tricks people use.

Main features:

- No Javascript is required
Works in browsers with disabled Javascript or if a browser has no Javascript support at all.

- Cool CSS3 properties
Multi-level dropdown menu is created using CSS3 rounded corners, CSS3 shadow (box-shadow and text-shadow).
Opacity, backround and font colors, linear gradient and radial CSS3 gradient are also supported.

- SEO friendly
Search engines and text-only browsers friendly.

- 100% CSS-driven designs
The menu is based on HTML list of links (UL/LI structure) and CSS only. No additional non-css params are used.

-Small size
Immediate loading of the menu. Doesn't use additional files.

- Browser support
Supports all modern browsers (except IE6).

- GUI interface
Visual design user interface allows you to create your menus without the need for complex hand coding. Use the preview window to view your menu design while you are developing and customizing.

Info updated on: