Build a CSS text-shadow visually
Build a CSS text-shadow, with support for multiple layered shadows, live preview, and copyable CSS.
Preview the shadow against whatever text you're actually styling.
Each layer has its own offset, blur, and color. Stack a few for a richer effect, like a glow plus a drop shadow.
Layers are comma-joined into a single text-shadow declaration, in the order you added them.
Frequently asked
Can text-shadow have more than one shadow?
Yes. Like box-shadow, text-shadow accepts a comma-separated list of shadows, all rendered together. A common combo is a tight dark shadow for depth plus a soft, wider one for a glow.
What does the blur value actually do?
It controls how soft the shadow's edges are. 0 gives a crisp, hard-edged shadow; higher values spread and fade it, useful for glow effects.
Does layer order matter?
Yes, later layers render on top of earlier ones. If two shadows overlap heavily, the one listed last will visually sit above the one listed first.