⚡

Box Shadow Generator

Create complex CSS box shadows with a visual editor. Add multiple shadow layers, adjust color, blur, spread, and offset, and copy the generated CSS.

Layer 1

Inset

X Offset4px

Y Offset4px

Blur10px

Spread0px

Color

Opacity15%

BG:

CSS Output

.element {
  box-shadow: 4px 4px 10px 0px #00000026;
}

Frequently Asked Questions

Can I add multiple shadows?

Yes! You can add as many shadow layers as you need. Each layer has independent color, blur, spread and offset controls.