CSS Box Shadow Generator

box-shadow: 2px 2px 5px #333333;
-moz-box-shadow: 2px 2px 5px #333333;
-webkit-box-shadow: 2px 2px 5px #333333;

Horizontal length： 2px

Vertical length： 2px

Blur radius： 5px

Shadow color：

Background color：

Inner shadow： Yes No

What is the CSS Box Shadow Generator?

The CSS Box Shadow Generator provides an online tool to debug and preview CSS3 box-shadow effects. You can configure CSS3 box-shadow properties until you achieve the desired effect.

CSS3 box-shadow Property

box-shadow: h-shadow v-shadow blur spread color inset;

Value	Description
h-shadow	Required. Specifies the horizontal position of the shadow. Accepts negative values.
v-shadow	Required. Specifies the vertical position of the shadow. Accepts negative values.
blur	Optional. Specifies the blur distance.
spread	Optional. Specifies the size of the shadow.
color	Optional. Specifies the color of the shadow. Refer to the complete list of CSS color values.
inset	Optional. Changes the shadow from outer shadow (outside the box) to inner shadow (inside the box).