Build multi-layer box shadows visually. Adjust offset, blur, spread, color, and opacity for each layer, then copy the CSS.
The CSS box-shadow property adds shadow effects around an element's frame. Multiple shadows can be layered, separated by commas — the first shadow is rendered on top. This tool lets you build each layer visually and see the combined result in real time.
H-Offset — horizontal distance; positive values push the shadow right. V-Offset — vertical distance; positive values push the shadow down. Blur — blur radius; 0 is sharp. Spread — positive values grow the shadow, negative shrink it. Inset — switches from an outer drop shadow to an inner shadow.