← Tools

CSS & Layout

Box-Shadow Generator

Stack as many shadow layers as you need — offset, blur, spread, color, and inset — and watch them combine live. Layered shadows read far softer and more realistic than a single one. Copy the CSS, or grab it as a custom property.

Backdrop
box-shadow
 

Tip: keep each layer subtle and stack two or three at increasing blur for a natural, lifted look rather than one hard shadow. Toggle inset on a layer for an inner shadow.