CSS3 Menu. CSS3 Rounded Corners

CSS3 Rounded Corners

One of the most famous CSS3 properties is border-radius. Web designers will no longer have to resort to complex table structures using custom-made corner graphics in order to produce designs with rounded corners. Use CSS3 border-radius to make your corners rounded!

The following code is generated for the border-radius in CSS3Menu:
border-radius:0 0 9px 9px;
-moz-border-radius:0 0 9px 9px;
-webkit-border-radius:0 0 9px 9px;

Here's a snapshot from Firefox showing the rounded corners effect:

border-radius

The border-radius is supported by the following browsers: Webkit (from Safari 3+), Opera 10.5, Firefox 3.5.

See also:
CSS3 Gradient
CSS3 Shadow

Download

Download
for Windows

Download
for Mac

Help

How to Build a Cool Animated CSS3 Menu with no Javascript

CSS3 Menu gui screenshot

1) 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.

Contact US

CSS3 Menu
For troubleshooting, feature requests, and general help, contact Customer Support at Mail . Make sure to include details on your browser, operating system, CSS3 Menu version, link to your page.
E-mail: Mail

What's New

CSS3 Menu v2.3 (Feb 1, 2011)
Read more

CSS3 Menu v2.2 (Dec 14, 2011)

CSS3 Menu v2.0 (May 9, 2011)

CSS3 Menu v1.9 (March 4, 2011)

CSS3 Menu v1.7 (Nov 11, 2010)

CSS3 Menu v1.6 (Nov 03, 2010)

CSS3 Menu v1.5 (Oct 01, 2010)

CSS3 Menu v1.2 (June 16, 2010)

CSS3 Menu v1.0 (May 31, 2010) - First Release!