Menu Drop Shadow on Items (CSS3) Example

In browsers that properly support CSS3, not only the menu/submenus can show a shadow but the menu items also!
(supported in IE9+, Opera 10.50+, Firefox 3.5+, Safari/Webkit 522+, Chrome and others).

You can adjust the appearance (color, opacity, offsets, blur, spread) of each shadow all together or even separately! (see items in submenus, they use different shadow values)


Important! Most old browsers (IE8 or below) do not support the box-shadow property of the CSS3 specification, so if you look at this menu with IE8 (or below) all shadows will be absent.


You can find more info on 'box-shadow' here:
https://www.css3.info/preview/box-shadow/



Download this AllWebMenus project file.