To apply a box shadow, specify a horizontal and vertical offset from the object, the amount of blurring to add to the shadow, and the color to use, like this:
box-shadow:15px 15px 10px #888;
The two instances of
(in order) the horizontal and vertical offset from the element, and these
values can be negative, zero, or positive. The
10px specifies the amount of blurring (about a
quarter of a centimeter on the average display), with smaller values
resulting in less blurring, and the
#888 is the color for the shadow, which can be
any valid color value (see CSS Colors in Chapter 18). The result of this declaration can be
seen in Figure 19-4.
You must use the
-moz- prefixes to this property for
WebKit- and Mozilla-based browsers.