CSS Box Shadow Generator

Visually construct CSS box shadows and generate the code instantly.

Shadow Settings

Shift Right10px

Shift Down10px

Blur15px

Spread-3px

Opacity50%

Shadow Color

#000000

Position

Preview

Box:

Background:

CSS Code

box-shadow: 10px 10px 15px -3px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 10px 10px 15px -3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 10px 10px 15px -3px rgba(0, 0, 0, 0.5);