Generador de text-shadow CSS
Crea valores text-shadow en capas con predefinidos en vivo para texto con efecto neón, grabado, 3D y contorno.
Generador de text-shadow CSS
Crea una declaración CSS text-shadow ajustando desplazamiento, desenfoque, color y opacidad mientras ves el valor actualizado en tiempo real. La herramienta ensambla una o más capas de sombra en el orden correcto y sintaxis separada por comas, para que puedas copiar una declaración funcional directamente en tu hoja de estilos sin afinar manualmente los números.
Elige un predefinido para ir directo a un efecto común: brillo neón apila anillos de desenfoque que se devanecen suavemente sobre el glifo; grabado añade un destello claro opuesto a una sombra oscura para un look estampado y grabado; 3D en capas repite un color sólido sin desenfoque a lo largo del desplazamiento para un efecto de letras de bloques apiladas; contorno falsifica un trazo usando ocho sombras sin desenfoque alrededor del texto, ya que text-shadow no tiene una propiedad stroke nativa. Vuelve a Personalizado para control total sobre desplazamiento X e Y, radio de desenfoque, número de capas, color y opacidad — cada capa crece desde los valores base que estableces. Elige entre unidades px y rem, y entre una declaración CSS simple o una clase de valor arbitrario Tailwind para proyectos que no tengan una hoja de estilos donde pegar.
El valor generado no tiene límite de tamaño significativo para un puñado de capas, pero la herramienta aún protege contra salida desbocada como lo hace cada generador en este sitio, así que una entrada patológica nunca puede congelar la pestaña. Cada opción recomputa el resultado en vivo con un débounce corto, con el conteo debajo reportando el número de capas y la longitud exacta en caracteres de la declaración.
Todo se ejecuta localmente en tu navegador. Ningún color, desplazamiento o opción predefinida se envía a ningún lado — la herramienta computa el CSS completamente en tu dispositivo. Cuando estés satisfecho con el resultado, cópialo, descárgalo como archivo .txt, o envía el resultado de vuelta a la entrada para seguir refinando.