Generador de Text-Shadow CSS

Crea un valor text-shadow con vista previa en vivo. Apila hasta seis capas, ajusta cada una con controles deslizantes y obtén un fragmento listo para copiar. Empieza con los preajustes Soft, Hard, Long Shadow, Glow, Outline, 3D Pressed y Vintage. Todo se ejecuta en tu navegador — nada se sube.

Shadow me

Aún no hay capas — elige un preajuste o añade una.

Clase CSS
.ts-text 
Estilo inline
Fragmento HTML completo

Un text-shadow es una lista de capas de sombra separadas por comas. Cada capa es <offset-x> <offset-y> [blur] <color>; el blur es opcional (por defecto 0). A diferencia de box-shadow, no tiene spread ni inset. Apila varias capas para imitar un resplandor, un contorno, una sombra larga o un efecto 3D en relieve.