CSS Box Shadow Generator

Generate realistic, multi-layered ambient shadows and modern glows. Craft polished elevation effects with instant CSS and Tailwind arbitrary values.

Shadow Controls

Curated Aesthetics:

Horizontal Offset (X)0px

Vertical Offset (Y)12px

Blur Radius32px

Spread Radius-4px

Shadow Opacity20%

Shadow Color

Inset ShadowAmbient Layer

Elevation Card

box-shadow: 0px 12px 32px -4px rgba(0, 0, 0, 0.2), 0px 4px 12px 0px rgba(0, 0, 0, 0.12);