Box shadows, the CSS 3 standard way
In this article I am going to explain the CSS 3 standard way of applying a shadow to an object. Using only this technique is probably not going to give the cross browser behavior that you are expecting.
The shadow object
The first thing we need to understand in order to apply shadows to an object is how the shadows are constructed. A shadow object has this prototype:
1
<shadow> = inset? && [ <length>{2,4} && <color>? ]