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 
…