Generador de text-shadow CSS
Crea sombras de texto en CSS con vista previa en vivo y plantillas listas: neón, retro, 3D, contorno, fuego y relieve, con varias capas y colores.
Cómo usarGenerador de sombras de texto
Disponible en: 
Generador de text-shadow CSS: para qué sirve
Elige una plantilla y edita las capas de la sombra, una por línea, con desplazamiento, desenfoque y color. Cambia el texto, el color de la letra y el fondo para ver el efecto final y copia el CSS con color y text-shadow.
Cómo usar
- Elige una plantilla de sombra.
- Edita el texto, los colores y las capas.
- Copia el CSS.
Cuándo usar
- Crear títulos llamativos para sitios web.
- Hacer efectos neón y retro.
- Mejorar la lectura de texto sobre imágenes.
Preguntas frecuentes
¿Cómo hacer texto neón en CSS?
Usa varias capas de text-shadow con el mismo color y desenfoques crecientes, como 0 0 5px, 0 0 10px y 0 0 20px, sobre un fondo oscuro. La plantilla Neón ya crea esas capas.
¿Cómo hacer contorno en el texto?
Una forma compatible con todos los navegadores es usar cuatro sombras sin desenfoque desplazadas 1 o 2 px a cada lado. La plantilla Contorno lo hace.
¿Es gratis de verdad?
Sí, 100% gratis. Sin registro, sin suscripción y sin límite de uso. Todas las herramientas de Tools123 son gratuitas y funcionan directo en tu navegador.