CSS Box Shadow Generator

Box Shadow Generator is a simple webbased tool that help designers and developers easily create customized CSS box-shadow style.

Preview

Preview

Generated CSS

box-shadow: 10px 10px 20px 0px rgba(11,18,32,0.35);

Box Shadow Generator

Offset X

Offset Y

Blur

Spread

Color

0.35

Inset Radius

Box Width Box Height

Shadows (multiple allowed) — manage list

Tip: Use "Add to list" to combine multiple shadows. Click an item to apply it or the trash icon to remove.