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.
You can build a cool rounded navigation menu, with no images and no Javascript, and effectively make use of the new CSS3 properties border-radius and animation. This link in bio 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.
No Javascript is required
Works in browsers with disabled Javascript or if a browser has no Javascript support at all.
Responsive menu
Menu smoothly adapts to the viewing environment. See responsive menu demo..
SE friendly
Search engines and text-only browsers friendly.
Browser support
Supports all modern browsers.
Supported Devices
Supports all modern mobile menu devices (iPhone, iPad, Android, BlackBerry, Windows Phone).
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.
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.
Great CSS3 properties
Multi-level dropdown menu is created using CSS3 rounded corners (CSS3 border-radius), CSS3 shadow (box-shadow and css3 text-shadow).
Opacity, backround and font colors, linear gradient and radial CSS3 gradient are also supported by free website maker.
CSS3 only effect for dropdown appearance, Fade, Slide, etc.
Mega Menu with Multicolumn Submenus
Create Mega Menu with multicolumn submenus. Specify the number of rows you want to have.
Small size
Immediate loading of the menu. Doesn't use additional files.
CSS3Menu is free for non-commercial use. If you want to use CSS3Menu on a school site, your non-commercial blog or non-profit organisation website, just download CSS3Menu and use it for free.
A license fee is required for commercial use. CSS3Menu Commercial Edition additionally provides an option to create multicolumn menus and includes extended sets of menu templates and icons. After you complete the payment via the secure form, you will receive a license information instantly by email. You can select the most suitable payment method: credit card, bank transfer, check, PayPal etc.
See also:
Technical QuestionsVideo tutorials:
How to create a simple menu with CSS3Menu1) Open CSS3 Menu software and click "Add item" and "Add submenu" buttons situated on the CSS3 Menu Toolbar to create your menu. You can also use "Delete item" to delete some buttons.
2) Use ready to use Templates. To do it just select theme you like in the "Templates" list. Double-click the theme you like to apply it.
3) Adjust appearance of the menu.
3.1. Select item by clicking it and change button appearance for normal and hover
states and set buttons link properties and link target attributes on the "Main menu" tab.
3.2. Select submenu's item by clicking it and change submenu's appearance for normal and hover
states and set submenu's item link properties and link target attributes on the "Submenu" tab.
4) Save your menu.
4.1. Save your project file. To save project just click "Save" button on the Toolbar
or select "Save" or "Save As…" in the Main menu.
4.2. Publish your menu in the HTML format. To do it click "Publish"
button on the Toolbar.
CSS3 Menu
For troubleshooting, feature requests, and general help,
contact Customer Support at . Make sure to
include details on your browser, operating system,
CSS3 Menu version, link to your page.
In most cases you'll get a reply within 1 business day. Please read the FAQs first to see if your question has already been answered.
E-mail:
Bulgy Red
Delicacy Green
Eight Blue
Elite Blue
Impressive Purple
Recent Blue
Eternity Violet
Lilt Dark
Magnetic Violet
Neat Red
Refined Midnight
Posh Teal
Facet Celadon Vertical
Jalousie Light Grey
Boundary Dark Green
Sparkle Brown Vertical
Volume Light Red
Gleam Dark Blue
Sublime Tan
Blurring Blue Vertical
Metropolitan Dark Lilac
Cloud Ice Blue
Neoteric Dark Red
Flat Solid Grey
Stitch Plum
Flat Turquoise Vertical
Metro Black
Graffito Light Green
Motion Blue
Reflex Black Vertical
Sphere Orange
Radiance Pink
Syndicate Grey
Balance Blue
Inspire Brown
Push Tall (responsive menu)
Crystalline Black
Hybrid Red Vertical
Paradox Amethyst
Enterprise Yellow Green
Current Sky Blue - CSS3 Animation
Core Suddle Brown - CSS3 Transition
Fair Grey (RTL mode)
Charge Red Vertical
Modern Dark
Toolbars Grey Example
Point Aquamarine
CSS Gradient Grey
Simple Blue
Elegant Dark
CSS Mega Menu
Mulicolumn Blue Menu
Fresh Seaweeds Menu
Neon Blue Menu
Frame Dark Grey
I downloaded and ran the exe, but couldn't get it to start in win 7 Home Premium. What did I do wrong?
Why am I getting renewal notices that state I am expiring this month. Think your system is a bit confusing, and not sure if I will fall for the renewal next year. thought I bought a lifetime license for what I had.
Can sound be included when clicking on a menu item?
It is my understanding that we can have two installation of CSS3Menu that will only work on our web site. Is that correct? We are an all-volunteer organization including our web designers.
I used your product and gotta say its great. One question though... how do you center the horizontal menu?
Can you please confirm that it will allow me to get all the new templates that have come out since I last updated? I didn't realize that the updates were new templates, and never updated after the initial download a year ago.
Hi, I've inserted the menu into my page but the submenus cannot be shown. I tried to change z-index property but it didn't help.
I am trying to import code into an HTML page. I follow publish instructions , after clicking insert and publish , it gives me a menu publishing error. What am I doing wrong?
Hi, Currently I'm using version 5.2, how can i setup mega menu bar? thank you
Hello, we have purchased a unlimted license but now I have a new pc I want to move to. How can I move my app?
Android Orange
Android Blue
Android Green
Mac - CSS3 Rounded Corners
Mac Green - CSS Border Radius
Apple
Apple Black
Apple Blue