SUPER EASY UTILS

Gerador de Glitch de Texto

Aplique efeitos de glitch digital ao seu 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); }
}
A seguir
Ler guia completo
Ou experimente estas
Extrator de coresGerador de Paleta de CoresGerador de Arte ASCII

Ferramentas recomendadas

Utilitários selecionados que você pode achar úteis

Criar efeitos de texto glitch e Zalgo

Visão Geral

Um gerador de texto glitch transforma palavras normais em texto distorcido e com aparência corrompida — o estilo 'Zalgo' com caracteres transbordando para cima e para baixo, ou variantes embaralhadas e glitchadas. É um efeito divertido e chamativo para nomes de usuário, posts ou uma estética de terror ou cyberpunk. Esta ferramenta cria o texto glitch no navegador sobrepondo marcas Unicode especiais, e você pode copiar o resultado para colar onde se aceita texto.

Como usar (passo a passo)

  1. 1

    Digite seu texto

    Informe a palavra ou frase que quer glitchar.

  2. 2

    Defina a intensidade

    Ajuste a força do efeito, de um tremor sutil a uma bagunça totalmente corrompida.

  3. 3

    Copie e cole

    Copie o texto glitch e cole na sua bio, post ou chat.

Como Funciona

O gerador empilha caracteres Unicode combinantes — sinais diacríticos que se prendem acima, abaixo e através das letras normais — sobre seu texto para criar o visual gotejante e corrompido. Você controla a intensidade do efeito (quantas marcas se acumulam). Como o resultado ainda é texto Unicode, não uma imagem, dá para copiar e colar na maioria dos apps e sites. Tudo é montado localmente no navegador.

Quando usar

Criar um nome de usuário ou handle marcante que se destaque. Adicionar um ar de terror, glitch ou cyberpunk a um post. Criar texto perturbador ou caótico para um jogo, história ou meme. Chamar atenção num chat ou comentário. Desenhar um título ou logo de texto distorcido. Só experimentar o quanto dá para corromper um texto legível.

Perguntas Frequentes

O texto glitch (Zalgo) depende de muitas marcas combinantes empilhadas. Alguns apps, fontes ou plataformas limitam como elas renderizam, cortam-nas ou as removem por segurança, então o efeito pode ficar diferente ou reduzido conforme onde é colado.

Notas Importantes

Texto glitch é difícil de ler e pode ser removido, cortado ou bloqueado por muitas plataformas e formulários. Mantenha-o decorativo e curto, e não o use onde o texto precisa ser legível, pesquisável ou digitado de volta.

Gerador de Texto Glitch | Super Easy Utils