CSS Text-Shadow Generator

Build a text-shadow value with a live preview. Stack up to six layers, tweak each one with sliders, grab a copy-ready snippet. Soft, Hard, Long Shadow, Glow, Outline, 3D Pressed, and Vintage presets to start from. Everything stays in your browser — nothing is uploaded.

Preset
Shadow me
Layers (rendered first-to-last)

No layers yet — pick a preset or add one.

Output
CSS class 
.ts-text
Inline style 
…
Full HTML snippet 
…

A text-shadow is a comma-separated list of shadow layers. Each layer is <offset-x> <offset-y> [blur] <color>; the blur is optional (default 0). Unlike box-shadow, there is no spread and no inset flag. Stack multiple layers to fake a glow, an outline, a long shadow, or a 3D embossed effect.