CSS box-shadow generator
Enter shadow offsets, blur and color, such as 0 12px 30px rgba(0,0,0,.2), to validate and generate CSS.
Runs in this browser. Input stays on this device.
How to use
- Start with the supplied example. Adjust the input and select a mode if shown.
- Run the tool, inspect the result and copy when ready.
- Keep the units, format and destination requirements in mind.
Data & privacy
Calculation happens in this browser. Inputs are not sent to a calculation API. Copying uses your device clipboard.