Good to know
Simple first.
The result is ready to copy into CSS.
Free · No sign-up · PrivateType, 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.
Private by design
Files stay with you.
The actual file processing happens in your browser. A small number of advanced tools may load a browser helper library, but OutMonkey does not upload your file to do the job.
How file handling works →Before you finish
A quick check makes a better result.
OutMonkey is built to be simple enough for someone doing this once and useful enough for someone who does it every day.
What this tool is for
Shadow generator
Generate a simple CSS shadow. The aim is a useful result without making you learn a full piece of software first.
Good to know
Treat the maths as a starting point.
Look at the result at the size it will really be used. Fonts have different proportions, so spacing that is mathematically neat can still look too tight or too loose.
If the result is for someone else, open it once as they would see it. That simple check catches a surprising number of tiny mistakes.
In plain English
You do not need to be an expert.
Designers can use the numbers as a fast baseline. Everyone else can simply compare the previews and choose the version that is easiest to read and looks balanced.
Type maths gives you structure; the final judgment should still be optical.