テキストグリッチジェネレーター

テキストにデジタルグリッチエフェクトを適用します。

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); }
}

グリッチ・ザルゴのテキスト効果を作る

概要

テキストグリッチジェネレーターは、普通の単語を歪んで壊れたように見えるテキストに変えます。文字の上下にあふれ出す「ザルゴ(Zalgo)」スタイルや、かき乱されたグリッチ的な変種です。ユーザー名・SNS投稿や、ホラー・サイバーパンクの雰囲気に、楽しく目を引く効果です。このツールは特殊なUnicode記号を重ねてブラウザ内でグリッチテキストを作り、テキストを受け付けるどこにでも貼り付けられるよう結果をコピーできます。

使い方(ステップ)

  1. 1

    テキストを入力

    グリッチ化したい単語や語句を入力します。

  2. 2

    強度を設定

    控えめな揺らぎから完全に壊れた乱れまで、効果の強さを調整します。

  3. 3

    コピーして貼り付け

    グリッチテキストをコピーし、プロフィール・投稿・チャットに貼り付けます。

仕組み

ジェネレーターは結合Unicode文字(普通の文字の上・下・貫通して付く発音区別記号)をテキストに積み上げ、垂れる・壊れた見た目を作ります。効果の強さ(記号がどれだけ積もるか)を調整します。結果は画像ではなくUnicodeテキストのままなので、ほとんどのアプリやサイトにコピペできます。すべてブラウザ内でローカルに組み立てられます。

こんなときに使う

目立つ強烈なユーザー名・ハンドルを作るとき。SNS投稿にホラー・グリッチ・サイバーパンクの雰囲気を加えるとき。ゲーム・物語・ミーム用の不気味・混沌としたテキストを作るとき。チャットやコメントで注目を集めるとき。歪んだタイトルやロゴのテキストをデザインするとき。読めるテキストをどこまで壊せるか試すとき。

よくある質問

グリッチ(ザルゴ)テキストは多数の積み重なった結合記号に依存します。一部のアプリ・フォント・プラットフォームはこれらの描画を制限したり切り取ったり、安全のため除去したりするので、貼り付ける場所によって効果が異なったり減ったりします。

注意事項

グリッチテキストは読みにくく、多くのプラットフォームやフォームで除去・切り取り・ブロックされ得ます。装飾として短く保ち、テキストが読める・検索できる・入力し直す必要のある場所では使わないでください。

グリッチテキストジェネレーター | Super Easy Utils