SUPER EASY UTILS

Generador de Glitch de Texto

Aplica efectos de glitch digital a tu texto.

CYBERPUNK

80px
2s
5px
#ff003c
#00eaff

<h1 class="glitch" data-text="CYBERPUNK">CYBERPUNK</h1>

/* Place this in your CSS */
.glitch {
  position: relative;
  font-size: 80px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.1em;
}

.glitch::before,
.glitch::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000; /* Matches background color to hide main text behind slices */
}

.glitch::before {
  left: 5px;
  text-shadow: -2.5px 0 #ff003c;
  animation: glitch-anim-1 2s infinite linear alternate-reverse;
}

.glitch::after {
  left: -5px;
  text-shadow: -2.5px 0 #00eaff;
  animation: glitch-anim-2 1.5s infinite linear alternate-reverse;
}

@keyframes glitch-anim-1 {
  0% { clip-path: inset(20% 0 80% 0); }
  20% { clip-path: inset(60% 0 10% 0); }
  40% { clip-path: inset(40% 0 50% 0); }
  60% { clip-path: inset(80% 0 5% 0); }
  80% { clip-path: inset(10% 0 70% 0); }
  100% { clip-path: inset(30% 0 20% 0); }
}

@keyframes glitch-anim-2 {
  0% { clip-path: inset(10% 0 60% 0); }
  20% { clip-path: inset(30% 0 20% 0); }
  40% { clip-path: inset(70% 0 10% 0); }
  60% { clip-path: inset(20% 0 50% 0); }
  80% { clip-path: inset(60% 0 20% 0); }
  100% { clip-path: inset(5% 0 80% 0); }
}
Siguiente
Leer guía completa
O prueba estas
Extractor de coloresGenerador de Paleta de ColoresGenerador de Arte ASCII

Herramientas recomendadas

Utilidades seleccionadas que podrían serte útiles

Crear efectos de texto glitch y Zalgo

Resumen

Un generador de texto glitch convierte palabras normales en texto distorsionado y con aspecto corrupto: el estilo 'Zalgo' con caracteres que se desbordan por arriba y por abajo, o variantes revueltas y glitcheadas. Es un efecto divertido y llamativo para nombres de usuario, publicaciones o una estética de terror o cyberpunk. Esta herramienta crea el texto glitch en tu navegador superponiendo marcas Unicode especiales, y puedes copiar el resultado para pegarlo donde se acepte texto.

Cómo usar (paso a paso)

  1. 1

    Escribe tu texto

    Introduce la palabra o frase que quieras glitchear.

  2. 2

    Ajusta la intensidad

    Regula lo fuerte del efecto, desde un temblor sutil hasta un caos totalmente corrupto.

  3. 3

    Copia y pega

    Copia el texto glitch y pégalo en tu bio, publicación o chat.

Cómo Funciona

El generador apila caracteres Unicode combinantes —signos diacríticos que se adhieren arriba, abajo y a través de las letras normales— sobre tu texto para crear el aspecto goteante y corrupto. Controlas la intensidad del efecto (cuántas marcas se acumulan). Como el resultado sigue siendo texto Unicode, no una imagen, puedes copiarlo y pegarlo en la mayoría de apps y sitios. Todo se monta localmente en tu navegador.

Cuándo usarlo

Crear un nombre de usuario o handle impactante que destaque. Añadir un aire de terror, glitch o cyberpunk a una publicación. Crear texto inquietante o caótico para un juego, relato o meme. Llamar la atención en un chat o comentario. Diseñar un título o logotipo de texto distorsionado. Simplemente experimentar cuánto puedes corromper un texto legible.

Preguntas Frecuentes

El texto glitch (Zalgo) depende de muchas marcas combinantes apiladas. Algunas apps, fuentes o plataformas limitan cómo se renderizan, las recortan o las eliminan por seguridad, así que el efecto puede verse distinto o reducido según dónde se pegue.

Notas Importantes

El texto glitch cuesta de leer y muchas plataformas y formularios pueden eliminarlo, recortarlo o bloquearlo. Mantenlo decorativo y corto, y no lo uses donde el texto deba ser legible, buscable o volver a teclearse.

Generador de Texto Glitch | Super Easy Utils