# CSS box-shadow maker

Canonical page: https://nepocore.com/tools/box-shadow/

Adjust shadow offsets, blur, spread, opacity and color while previewing a simple card. Copy a complete CSS box-shadow declaration.

## How to use it

1. Enter a sample value, color, URL or structured input.
2. Choose the required format or options and run the tool.
3. Review the output and copy it into your own workflow.

## Example

Create a soft shadow for a white card without guessing the CSS values by hand.

## Limits and checks

The appearance depends on the surrounding background. Large blur radii can increase rendering cost when used across many elements.

## Access and processing

Free to use without an account. Interactive processing requires JavaScript in a modern browser. Input is processed in the browser rather than sent to a processing server. Optional browser storage is not a synchronized account.


---

[About Nepocore](https://nepocore.com/about/) · [Editorial and corrections policy](https://nepocore.com/editorial-policy/) · [Privacy and processing details](https://nepocore.com/privacy/)