CSS property: -webkit-box-shadow


Applies a drop shadow effect to the border box of an object.

This property takes four parameters. The first two are horizontal and vertical offsets—down for horizontal, and to the right for vertical. The third value is a blur radius. The fourth value is the color of the shadow. Changes to this property can be animated.


-webkit-box-shadow: none;

-webkit-box-shadow: <hoff> <voff> <blur> <color>;


none (by default)

The box has no shadow.


The horizontal offset of the shadow.


The vertical offset of the shadow.


The blur radius of the shadow.


The color of the shadow.