Generador de text-shadow CSS
Ajuste el desplazamiento, el desenfoque y el color de una sombra de texto CSS y obtenga al instante el valor text-shadow correspondiente, con vista previa en directo. Cálculo 100% local en su navegador: no se envía nada a un servidor.
Cómo funciona
La propiedad CSS text-shadow acepta un desplazamiento horizontal, un desplazamiento vertical, un radio de desenfoque opcional y un color. Esta herramienta le permite ajustar cada valor con controles deslizantes y ver al instante el resultado sobre un texto de demostración, para componer un efecto de relieve, de resplandor o de estilo retro sin adivinar los valores a mano.
¿Puedo apilar varias sombras en el mismo texto?
Sí, la propiedad text-shadow acepta varias declaraciones separadas por comas (por ejemplo, para un efecto neón con varios halos superpuestos). Esta herramienta genera una sola sombra cada vez; puede copiar el resultado y combinarlo a mano con otros valores si lo necesita.
¿Cómo conseguir un efecto «neón» convincente?
Ponga los desplazamientos horizontal y vertical a 0, aumente mucho el desenfoque y elija un color vivo sobre un fondo oscuro: es exactamente la combinación que usa el preajuste «Efecto neón» de arriba.
Ningún dato sale de su dispositivo: el cálculo y la vista previa se generan por completo en local en su navegador.