How box-shadow works
box-shadow follows this order: x-offset, y-offset, blur-radius, spread-radius, color. Add inset to render the shadow inside the element.
Generate layered-looking box shadows with visual controls for offset, blur, spread and opacity.
Updated
Tune offsets, blur, spread, color and alpha.
box-shadow: 0px 10px 30px -10px rgba(17, 24, 39, 0.25);
Quick start
Tune offsets and blur, then copy production-ready box-shadow CSS.
Set X/Y offsets, blur radius, spread, color and opacity.
Confirm the shadow depth and softness against the preview card.
Use the generated box-shadow value in your stylesheet or component.
In-depth guide
Design clean elevation and depth with live controls for offset, blur, spread, color and alpha. Copy production-ready CSS instantly.
box-shadow follows this order: x-offset, y-offset, blur-radius, spread-radius, color. Add inset to render the shadow inside the element.
Use this tool for quick browser-based work when you need an answer or output immediately. Use a dedicated application or automated workflow when you need bulk processing, approvals, or repeatable production rules.
Browser-first by design. The tool page explains any exception before you use it.
Your input is handled in the browser wherever the tool can process it locally. EpitomeTool does not add an upload step unless a tool page explicitly says so.
Yes. Every slider update and CSS output is generated in your browser with zero network requests.
Yes. Toggle the inset switch to prefix the shadow with the inset keyword.
This first version focuses on one precise layer for speed. You can still duplicate the output and comma-separate multiple lines manually.
Keep exploring
Hand-picked utilities that pair well with the one you're on — all free, client-side, and zero-signup.
Create custom rounded corners visually and copy exact border-radius CSS shorthand.
Build responsive CSS grid layouts with live rows, columns and gap controls.
Experiment with flex direction, alignment, wrap and gap, then copy valid CSS output.
Shrink PDF file size without uploading to a server.
Body Mass Index with metric / imperial inputs and WHO category bands.
Combine multiple PDFs into one in your browser.
Split a PDF by pages or page ranges, download as zip.