Generador de texto neón en CSS
Dale a tu texto un resplandor de letrero de neón y copia el CSS
Herramienta para crear texto con un resplandor de letrero de neón viendo el resultado en tiempo real. Ajusta con deslizadores el color, el radio de desenfoque, el número de capas de resplandor e incluso la animación de pulso, y obtendrás al momento el código CSS con text-shadow listo para usar. Todos los cálculos se hacen en tu navegador, así que el texto nunca se envía a un servidor, y el resultado se pega directamente en banners web, pósteres o páginas de eventos.
도구를 불러오는 중…
🔒 Todo se procesa 100 % en tu navegador. Tus archivos y datos nunca se suben a ningún servidor.
Cómo usar
- Escribe el texto que quieras en el campo de entrada.
- Selecciona un preajuste (cian, rosa, verde…) o define tú mismo el color del resplandor interior y exterior.
- Ajusta con los deslizadores el radio de desenfoque, el número de capas de resplandor, el tamaño de fuente y la velocidad de la animación de pulso mientras miras la vista previa.
- Copia el CSS generado abajo con el botón «Copiar CSS» y pégalo en tu proyecto.
Preguntas frecuentes
- ¿Dónde puedo usar el CSS generado?
- Es CSS puro compuesto por text-shadow y una animación @keyframes, así que se pega y funciona en cualquier web o proyecto HTML. El efecto luce mucho mejor sobre fondos oscuros que sobre fondos claros.
- ¿Qué pasa si desactivo la animación de pulso?
- Al desmarcar la casilla se genera un CSS estático, con el resplandor de neón fijo y sin la animación @keyframes que hace parpadear la opacidad y el text-shadow.
- ¿Puedo subir mucho el número de capas de resplandor?
- Cuantas más capas, más rico es el difuminado de la luz, pero cada capa de text-shadow añade carga de renderizado. Como indica la propia herramienta, mantenerlo en 3 o 4 capas es lo mejor para el rendimiento.