🧰TheDevToolbox

CSS Box Shadow Generator

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);

Cmd+CCopy CSS

Cmd+NAdd Layer

ClickApply Preset