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:
http://www.css3.info/preview/box-shadow/