Loading…
Visually build a CSS box-shadow and copy the code.
Build a CSS box-shadow visually with sliders for offset, blur, spread, color, and opacity — with a live preview. Toggle inset shadows and copy the exact CSS when it looks right.
box-shadow: 0px 10px 25px -5px rgba(15, 23, 42, 0.25);Runs entirely in your browser — nothing is uploaded.
Spread grows (positive) or shrinks (negative) the shadow's size before the blur is applied.
An inset shadow is drawn inside the element's edges instead of outside, creating an inner-shadow or pressed-in effect.