6XC

Generador de Sombra de Texto CSS

Diseña un text-shadow con desplazamientos, desenfoque, color y opacidad — vista previa en vivo sobre texto de muestra.

942 visitas

Título de Ejemplo

La Propiedad text-shadow

Sintaxis: text-shadow: x y desenfoque color (sin difusión, a diferencia de box-shadow). Las sombras sutiles hacen que los títulos resalten de la página; los desplazamientos fuertes con desenfoque cero crean estilos retro de "sombra dura"; y varias sombras separadas por comas pueden simular contornos y efectos de neón.

Preguntas Frecuentes

¿Cómo hago un efecto de neón?

Usa desplazamientos en cero y apila sombras con desenfoque creciente en un color brillante: 0 0 6px, 0 0 12px, 0 0 24px — todas en el color del brillo, sobre un fondo oscuro.

¿text-shadow afecta la accesibilidad?

Las sombras intensas pueden dañar la legibilidad. Mantén el texto del cuerpo sin sombra y reserva los efectos para títulos grandes; siempre revisa el contraste después de aplicarlos.

Herramientas Similares

Generador de Gradientes CSS Diseña gradientes CSS lineales, radiales y cónicos con vista previa en vivo y copia el código. Generar Generador de Sombra CSS (Box Shadow) Diseña una box-shadow de forma visual — desplazamientos, desenfoque, expansión, color, opacidad e inset — con vista previa en vivo. Generar Generador de Border Radius CSS Redondea cada esquina por separado o todas a la vez, en px o %, con vista previa en vivo y CSS copiable. Generar Generador de Bordes CSS Diseña un borde de forma visual — grosor, estilo (solid, dashed, dotted, double…), color y radio — con vista previa en vivo. Generar