Box+Shadows

The box-shadow property allows designers to easily implement multiple drop shadows (outer or inner) on box elements, specifying values for color, size, blur and offset. Please refer to this site for excellent examples that you can copy, paste, and manipulate:

 @http://www.css3.info/preview/box-shadow/

Example 1  -moz-box-shadow: 5px 5px rgba(0,0,0,.5); -webkit-box-shadow: 5px 5px rgba(0,0,0,.5); box-shadow: 5px 5px rgba(0,0,0,.5); } Combine the box-shadow property with rgba; and you can create transparent drop shadows for any color of the rainbow. I personally like subtle shadows, that are usually 1px in width. Example 2  -moz-box-shadow: 1px 1px rgba(0,0,0,.3); -webkit-box-shadow: 1px 1px rgba(0,0,0,.3); box-shadow: 1px 1px rgba(0,0,0,.3); }
 * 1) Example1 {
 * 1) Example2 {