Box Shadow Generator

Generate CSS box-shadow with multiple layers and live preview.

Generators

Developer

Generate Box Shadow

Generate box shadows

Preview

Shadow Layers

Layer 1

Inset

X Offset: 0px

Y Offset: 4px

Blur: 6px

Spread: -1px

Color:

Layer 2

Inset

X Offset: 0px

Y Offset: 2px

Blur: 4px

Spread: -2px

Color:

CSS Output

box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);

About Box Shadow Generator

Create complex box shadows with multiple layers. Adjust X/Y offset, blur radius, spread, and color for each layer. Use inset shadows for inner shadow effects. Combine multiple layers for realistic depth.

Related Tools

CSS Gradient Generator

Generate CSS gradients

Text Shadow Generator

Generate text shadows

Random String Generator

Generate random strings

Random Email Generator

Generate fake emails