The CSS3 box-shadow property allows a web designer or developer to add drop shadows or inner shadows to HTML elements without using images or inhibiting performance.

By including drop shadows in CSS, it should be possible to use fewer images, which may make a given web page faster loading, more accessible, and more flexible.

The box-shadow property takes up to five parameters, and will look something like this example.

box-shadow: 7px 7px 4px 2px #ababab;

Horizontal Offset

The first length, "7px," represents the shadow's horizontal offset. A positive number, as in the example, moves the shadow to the right of the element it is associated with, while a negative number positions the shadow to the left of its element.

Vertica...