Box Shadow Generator

Create beautiful CSS box shadows with a visual editor.

Preview

Background

Box Color

Shadow Layers

Offset X: 0px

Offset Y: 4px

Blur: 6px

Spread: -1px

Color

Opacity: 10%

Inset Shadow

Presets

Generated Code

CSS

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

Tailwind CSS

shadow-md