CSS Box Shadow Generator

The CSS box-shadow property adds shadow effects around an element's frame. It takes X offset, Y offset, blur radius, spread radius, color, and optional inset keyword.

Click 'Add Layer' to add up to 5 shadow layers. Each layer is rendered on top and the CSS values are comma-separated.

Inset shadows appear inside the element rather than outside, creating a pressed or sunken effect.

Neumorphism (soft UI) combines a light outer shadow and a dark outer shadow to create a soft, extruded look on matching-colored backgrounds.

Yes, completely free with no signup.