Categoría: Desarrollo
Generador de sombra de texto CSS
Apila varios text-shadow y copia el CSS
Define un desplazamiento, un desenfoque, un color y una opacidad, y obtén una declaración text-shadow de varias capas construida a partir de esa base, con una vista previa en vivo y un botón para copiar el CSS resultante.
Vista previa de la sombra
text-shadow: 1px 1px 2px rgba(23, 33, 28, 0.5), 1px 1px 4px rgba(23, 33, 28, 0.39), 2px 2px 6px rgba(23, 33, 28, 0.28);
Todo lo de esta página se procesa en tu navegador. No se sube nada.
Para qué sirve
Un solo text-shadow se lee como un contorno plano y de bordes duros, mientras que un brillo suave o un efecto de sombra apilada necesita varias capas que se reducen en desplazamiento y desenfoque a la vez que se desvanecen en opacidad. Esta herramienta deriva toda esa pila a partir del desplazamiento, desenfoque, color y opacidad base que defines, la misma técnica de capas que usa el generador de sombras CSS multicapa, así que solo tienes que pensar en una sombra en lugar de escribir a mano varias separadas por comas.
Cómo se usa
- Define cuántas capas generar y el desplazamiento y desenfoque base.
- Elige un color y una opacidad.
- Revisa la vista previa en vivo y copia la declaración text-shadow.
Privacidad
Esta herramienta funciona íntegramente en tu navegador. Lo que introduces nunca se sube, se guarda ni se comparte: al cerrar la pestaña desaparece.
Preguntas frecuentes
- ¿Por qué añadir capas hace la sombra más suave?
- Cada capa adicional se reduce hacia el texto mientras se desvanece en opacidad, así que las capas juntas se leen como un degradado suave de sombra en lugar de una sola copia de bordes duros.
- ¿Se envía algo a un servidor?
- No. La declaración se calcula en la página a partir de los valores que defines, por eso la vista previa se actualiza al instante.
- ¿Puedo usar esto para un efecto neón o de brillo?
- Sí. Un color brillante con un desenfoque grande y varias capas se lee como un brillo; un color oscuro con desplazamientos pequeños y poco desenfoque se lee como una sombra de profundidad sutil en su lugar.