Menu Rounded Corners Example

In browsers that properly support CSS3, the menu corners (and submenus) can be rounded!
(supported in IE9+, Opera 10.50+, Firefox 3.5+, Safari/Webkit 522+, Chrome and others).


You can adjust the roundness of each corner all together or even separately! (see submenus, they use different corner combinations)


You can also adjust the group "padding" values, so that the corners are not partially covered by the group's items.


Important! Most old browsers (IE8 or below) do not support the border-radius property of the CSS3 specification, so if you look at this menu with IE8 (or below) all its corners will be non-rounded.

You can find more info on 'border-radius' here:
https://www.css3.info/preview/rounded-border/



Download this AllWebMenus project file.