Loading…
Build box-shadow visually and copy the CSS.
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
Stack multiple layers and tune the offset, blur, spread and color of each shadow. Paste the generated CSS directly.
Just adjust the sliders for X and Y offset, blur, spread, and color, and the CSS is generated while you watch a live preview. You can copy the generated code with a single click.
Yes. You can layer multiple shadows for a more three-dimensional effect, and enabling the inset option creates an inner shadow that falls inside the element.
Yes, it is completely free with no sign-up required. You can use the generated CSS freely, including in commercial projects.