CSS Box Shadow

Generate CSS box shadow styles with live preview.

Preview

Preview Box

Shadow Layers

X5px

Y5px

Blur10px

Spread0px

Opacity0.3

Color#000000

Inset

CSS Output

box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);

Presets

All processing happens locally in your browser. No data is sent to any server.