Box Shadow Generator

Create beautiful CSS box shadows with live preview.

Preview

Shadow Settings

Popular Presets

Box Shadow Properties

  • Horizontal Offset: Moves shadow left (negative) or right (positive)
  • Vertical Offset: Moves shadow up (negative) or down (positive)
  • Blur Radius: Higher values create softer shadows
  • Spread Radius: Expands (positive) or shrinks (negative) the shadow
  • Inset: Creates an inner shadow effect

Example: box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);