CSS box shadow
CSS box shadow — Adjust settings, preview the result, then copy CSS for your page.. Processed on your device.
Blur radius (px)
Example only; use “Try an example” to fill it in.
Adjust settings, preview the result, then copy CSS for your page.
Result —
Processed on your device · Free to use · No sign-up
Example input and output
Input
16
Result
box-shadow: 0px 8px 16px 0px #64748b;
How to use
- Enter or paste your content, or try the example.
- Run the tool and review the output.
- Copy your result or explore a related tool below.
Input format & limitations
CSS box shadow — Adjust settings, preview the result, then copy CSS for your page.. Processed on your device.
Frequently asked questions
Do I need to upload data or sign up?
Local tools do not send input. IP and DNS lookups send the query and connection IP to the listed third parties only after a click.