Borders and backgrounds with CSS3 - HTML5 and CSS3 - page 353

Standard Prefixed

10.0 5.0

4.0 3.5

9.0 -

10.5 -

5.0 3.0

SIMPLE BOX SHADOWS

Without the optional blur-radius , a box
shadow isn't much different from a border.
Here's an example that only sets an
offset-x :

box-shadow:
rgb(0,0,0) 12px 0px;

And here's a plain offset-y :

box-shadow:
rgb(0,0,0) 0px 12px;

Adding a blur-radius by itself creates a
more shadow-like effect, even without any
offsets:

box-shadow:
rgb(0,0,0) 0px 0px 12px;