What does "inset" do?
Checking Inset draws the shadow inside the element's border instead of outside it, creating a pressed-in or carved look instead of a shadow cast onto the page.
Design Tools
CSS Box Shadow Generator
Build single or layered box shadows and copy the CSS. Everything runs locally in your browser.
FAQ
CSS Box Shadow Generator FAQ
Can I add more than one shadow layer?
Yes. Add multiple shadow layers, each with its own offset, blur, spread, color, and opacity — CSS box-shadow supports comma-separated layers, and they're stacked in the order you add them.
Is my design data sent anywhere?
No. The preview and generated CSS are built entirely in your browser with JavaScript — nothing is sent to TripleW Tools or any server.