Generador de sombra de texto CSS

Construye sombras de texto multicapa visualmente. Ajusta el desplazamiento, el desenfoque y el color de cada capa, observa la vista previa en tiempo real y copia el CSS con un solo clic.

Texto de vista previa

Color del texto

Fondo

Tamaño de fuente 48px

Hello World

Se ejecuta completamente en tu navegador. No se sube nada.

Cómo funciona

STEP 1

Escribe tu texto de vista previa

Introduce cualquier texto en el campo de vista previa para ver exactamente cómo quedará tu sombra en contenido real.

STEP 2

Ajusta cada capa de sombra

Establece el desplazamiento en X e Y, el radio de desenfoque, el color y la opacidad. Añade más capas para efectos de brillo, relieve o neón.

STEP 3

Copia el CSS

Haz clic en Copiar CSS para obtener la propiedad text-shadow lista para pegar en tu hoja de estilos.