What this is actually doing.
This is the focused version of “Shadow generator”: do the one job, inspect the result, and move on without opening a full editor.
Type, Layout & Effects
Shadow Generator.
Generate a simple CSS box-shadow from blur and offset values.
1 Enter2 Adjust3 Use result
Input
Answer
0 10px 24px rgba(0,0,0,.18)
CSS box-shadow
Shadow
The result is ready to copy into CSS.
Useful to know
Four things worth knowing.
Where it stops.
It solves the named job, not every problem around it.
What to inspect.
Judge it at the size it will actually be used. Typography and spacing are partly optical.
Worth knowing.
Keep the original until the finished result has worked in the place you made it for.