Files stay on your device
Free. No account needed.CSS box shadow builder
Generate a box shadow with controlled offset, blur, spread and opacity.
Result
Enter your values. Your result will appear here.
How it works
- Inspect the example or enter your own input.
- Check the units and operation, then run the tool.
- Review the result, then copy or download it. Keep a copy of your original data.
Example & practical use
Starting example: Horizontal offset (px): 0 · Vertical offset (px): 8 · Blur (px): 24 · Spread (px): 0 · Hex color: #000000 · Opacity (0–1): 0.15
Limits and help
Runs on your device without uploading input. Maximum 200,000 characters per field; numeric calculations use finite JavaScript numbers unless exact integer/decimal arithmetic is stated.
Your files are yours.
Image and text processing happens in your browser. Your files are not uploaded to our servers.
Troubleshooting
Try the small example on this page first. If it works, check your input format and size limit. Save any needed input before reloading. You do not need to share a file or password to report an issue.