CSS Shadow & Gradient Builder

Build box shadows and gradients visually. Copy CSS or Tailwind code with one click.

Shadow Controls

Presets

Horizontal Offset: 0px

Vertical Offset: 8px

Blur Radius: 24px

Spread Radius: -4px

Shadow Color

Inset

CSS

box-shadow: 0px 8px 24px -4px #00000030;

Tailwind

shadow-[0px_8px_24px_-4px_00000030]