Menu Drop Shadow (CSS3) Example

In browsers that properly support CSS3, the menu (and its submenus) can also show a shadow!
(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 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:

Download this AllWebMenus project file.