Generador de sombra de texto CSS — gratis en línea

Quieres que un título resalte y le pones una sombra de texto. Pero dar con el resultado justo significa adivinar números, guardar el archivo, recargar la página y volver a adivinar. Añadimos una herramienta gratuita que lo hace por ti — CSS Text Shadow Generator — directamente en tu navegador.

Qué hace

Te deja crear sombras de texto de forma visual, capa por capa. En cada capa ajustas el desplazamiento, el desenfoque y el color, y la vista previa se actualiza mientras tanto, así que ves justo cómo queda. Apila varias capas para un efecto más rico y, cuando te guste, copia el CSS terminado con un clic.

Nada sale de tu dispositivo

Todo funciona en tu navegador. No se sube nada, no se guarda nada en un servidor y no necesitas cuenta. El texto que escribes y las sombras que creas se quedan en tu ordenador.

Cómo usarla

  1. Abre CSS Text Shadow Generator y escribe tu texto de prueba.
  2. Ajusta el desplazamiento, el desenfoque y el color de cada capa, añadiendo más capas si quieres.
  3. Copia el CSS y pégalo en tu hoja de estilos.

Es gratis y sin límite. Hay más herramientas pequeñas en la página de Apps.

Recibe los nuevos posts

Pronto podrás dejar tu email y recibir los nuevos posts — sin cuenta, sin spam.

El registro por email aún no está activo — por ahora no se recoge nada.