Template:Box-shadow

Template for producing drop shadows. Taken from wikipedia template page http://en.wikipedia.org/wiki/Template:Box-shadow. Supported browsers are the current versions of Opera, Firefox, Safari, Chrome and Internet Explorer 9.

Method of use:

  

Will produce a box 200 pixels high with drop shadows using the parameters specified.


 * 1) X-Offset - Specifies the number of pixels to the right of the element the drop shadow is displaced. Default is 4 pixels
 * 2) Y-Offset - Specifies the number of pixels below the element the drop shadow is displaced. Default is 4 pixels
 * 3) BlurRadius - Specifies how much blurring is added to the border in addition to the offsets. Default is 4 pixels
 * 4) Color - Specifies the color (intensity) of the shadow. Default is #CCC

For example:

 

Gives:

box-shadow:   ; -moz-box-shadow:    ; -webkit-box-shadow:    ;