Text Shadow Generator
Adjust offset, blur, and color for a CSS text-shadow.
Depth and glow for text
A text-shadow can lift a heading off the page or wrap it in a soft glow. This generator turns the offset, blur, and color into ready CSS with a live preview.
Nudge the offsets and blur and watch the preview text respond. Zero offsets with a wide blur and a bright color make a glow; a small offset with dark color adds subtle depth.
Visual and private
The CSS is generated in your browser, so nothing you enter is uploaded.
Frequently Asked Questions
What does it generate?
The CSS text-shadow property from horizontal and vertical offset, blur radius, and color, with a live preview.
Can I make a glow?
Yes. Set both offsets to zero and increase the blur with a bright color for a glow effect.
Can I copy the CSS?
Yes. The property is shown and one click copies it.
Browse the full set of free, private, in-browser tools.