CSS Box Shadow Generator

Create beautiful CSS box shadows with live preview. Support for multiple layers, color customization, and instant CSS export.

Preset Collections

Shadow Layers

Layer 1
0px 4px 8px 0px #000000

Shadow Editor

0px
4px
8px
0px
25%

Live Preview

Preview Element

CSS Export

box-shadow:
0px 4px 8px 0px rgba(0, 0, 0, 0.25);
Copy this CSS rule and paste it into your stylesheet.