Box Shadow Generator

Create beautiful CSS box-shadow effects with multiple layers for your web design projects.

Shadow Layers

Layer 1

Offset X0px

Offset Y4px

Blur6px

Spread-1px

Color

Opacity: 0.1

Inset Shadow

Layer 2

Offset X0px

Offset Y2px

Blur4px

Spread-2px

Color

Opacity: 0.1

Inset Shadow

Presets

Preview

Preview Box

Box Color

Border Radius: 8px

CSS Code

box-shadow

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