🌑 CSS Box Shadow Generator

Build CSS box-shadow values visually. Add multiple layers, control offset, blur, spread, color, and opacity. Copy the generated CSS instantly.

🌑 Shadows
Layer 14px 4px 16px 0px rgba(0, 0, 0, 0.2)
Layer 1 Controls
🎨 Preview Background
👁 Preview
📋 CSS Output
box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.2);
Full rule:
.element {
  box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.2);
}