HTML5: Your visual blueprint™ for designing rich web pages and applications

ADD A SHADOW EFFECT

You can easily add a shadow effect to any element with the box-shadow property in CSS3. This effect requires at least two values, the relative X and Y positions, but accepts up to five values to fine-tune the shadow application:

box-shadow:xpos ypos blur spread color, ...;

xpos and ypos are relative coordinates to indicate where the shadow should be placed. Positive integers indicate that the shadow is placed to the right of, and below, the shadowed element. blur represents the size to which a blur effect will be added. For example, a setting of 10px indicates that the shadow is blurred from color to transparency for 10 pixels, straddling the shadow’s perimeter. spread allows for a general increase of the shadow’s height ...