Color & Design
Text Shadow Generator
Add depth or a glow to type with a live text-shadow preview, then copy the CSS for your stylesheet.
Good to know
Frequently asked questions
Can I add more than one shadow?
Yes. Generate each one here and join the values with commas in a single text-shadow declaration.
How do I make text readable over a photo?
A 0 0 8px shadow in black at around 60% opacity adds separation without looking like an effect.
Does text-shadow work on every browser?
Yes, it has been supported everywhere for many years and degrades harmlessly if unsupported.
Why does my glow look weak?
Increase the blur and opacity, and set both offsets to 0 so the glow spreads evenly around the letters.