CSS Box Shadow Generator

Create CSS box shadows visually. Add multiple shadow layers, adjust offset, blur, spread, and color. Copy the CSS code instantly.

Shadow Layers

Shadow Settings

Presets

Click to copy

How to Use

  1. Adjust sliders — set horizontal/vertical offset, blur, and spread.
  2. Pick color — choose shadow color and opacity.
  3. Add layers — click "+ Add Shadow Layer" for multi-shadow effects.
  4. Copy CSS — click the code box to copy to clipboard.
CSS Copied!