KOENJP

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

GLITCH · TEXT · CSS

RGBずれ・スライス・ノイズでグリッチ文字を作成し、::before/::afterを使ったキーフレームのCSSをコピー、好きなフレームをPNGで保存できます。ブラウザ内で動作します。

GLITCH
フレームを選ぶと、ここで止めた状態のままPNGに保存されます。 

      

    


    
  










  

    

      HOW TO
      
使い方

      
    
      
  1. テキストを入力し、スタイルのプリセットを選びます。
    2. 
      
  2. フォント・サイズ・RGBずれ・スライス・ノイズ・頻度・ループの長さを調整します。
    3. 
      
  3. カラーとブレンドモードを選びます。
    4. 
      
  4. 「CSS＋HTMLをコピー」でコードを使うか、フレームを選んで「PNGを保存」します。
    5. 
      

    

    

      PAIRS WELL WITH
      
あわせて使いたいツール

      
    

  

  
  

    FAQ
    
よくある質問

    
日本語の文字にも使えますか？
使えます。ただしBlack Han SansやDo Hyeonなどの韓国語フォントやOrbitronには日本語の文字が含まれないため、日本語はブラウザ標準のフォントで表示されます。

    
コピーしたCSSはそのまま使えますか？
はい。CSSとHTMLを貼り付けるだけで動きます。「視差効果を減らす」設定のユーザーには静止表示になる記述も含まれています。