Box Shadow Generator

Create CSS box shadows with multiple layers

1 layer• 1 layer

1 layer

Box:

Background:

Shadow Layers

Shadow Layers (1)

Layer 1

X: 0px

Y: 4px

Blur: 6px

Spread: -1px

Opacity: 10%

Inset

Presets

Preview & CSS1 layer

Box Color

Background

CSS Output

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

About Box Shadow Generator

Free online box shadow generator. Create single or multi-layer shadows with visual editor. Includes presets for soft shadows, neumorphism, and more.