Box Shadow Generator
Build CSS box-shadow and border-radius with sliders, multiple layers and inset shadows. Runs entirely in your browser.
Preview
Preview only. The background is not part of the CSS.
CSS
.box {
border-radius: 12px;
box-shadow:
0 1px 3px rgba(15, 23, 42, 0.12),
0 10px 24px -6px rgba(15, 23, 42, 0.18);
}Runs entirely in your browser. Nothing you enter is sent to a server.
Layers
Layer 1 is drawn on top. Up to 8 layers.