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:

  

Produces a box 50 pixels high with a drop shadow of hexacdecimal color #CCC at 4-pixel offset, and 4-pixel blur radius.


 * 1) X-Offset - Number in pixels (px) to the right of the element the drop shadow is displaced. Default is 4 pixels
 * 2) Y-Offset - Number in pixels (px) 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

Full syntax:

  

For example:

  

Gives: 

  

Gives:



See also:
 * Template:Border-radius
 * Template:Gradient

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