DEV_TOOL

Box Shadow
Generator.

Create CSS box shadows with live preview. Layer multiple shadows for complex effects. Copy the code instantly.

Box Shadow Generator

Create CSS box shadows with live preview. Layer multiple shadows for complex effects.

Shadows (1)

Layer 1

Horizontal0px

Vertical4px

Blur6px

Spread-1px

Inset shadow

Quick_Presets

Live_Preview

CSS_Code

box-shadow: 0px 4px 6px -1px #00000040;

YOU_MIGHT_LIKE

Create CSS gradients

Encode/decode Base64

Generate placeholder text