BluebirdBluebird
Home/CSS Box Shadow

CSS Box Shadow

Design CSS shadows visually with stacked layers, live preview and one-click copy.

  • Runs in your browser
  • No upload on server
  • Free, forever
  1. Pick a preset
  2. Tweak layers
  3. Copy CSS
Shadow layers
Layer 1
Layer 2
Live preview
box-shadow: 0px 1px 2px 0px #0f172a14, 0px 8px 24px -8px #0f172a1f;
How this works
  • Start from a preset or build shadows from scratch.
  • Stack multiple layers for depth — drag each slider for X, Y, blur and spread.
  • Copy the ready-to-paste CSS into your stylesheet.

Rate CSS Box Shadow

One tap. Anonymous. Helps others find the good tools.

No account, no email, no tracking — just a 1–5 number.

Be the first to rate