そもそもグリッチエフェクトとは
壊れたテレビで見ることができる
特有のノイズみたいなやつ。
このサイトでもそれっぽいのを
トップページのロゴやタイトル(下記のようなやつ)のところで使ってます。
実装はシンプル。
今回は文字の場合、
htmlでは
<h1 class="hoge">BLOG</div>
この一行のみ
簡単に説明すると
JSでブレる部分のコードを動的に追加し、ブレるエフェクトを追加。
CSSで色をつける。
以上です。
そもそもグリッチエフェクトとは
壊れたテレビで見ることができる
特有のノイズみたいなやつ。
このサイトでもそれっぽいのを
トップページのロゴやタイトル(下記のようなやつ)のところで使ってます。
実装はシンプル。
今回は文字の場合、
htmlでは
<h1 class="hoge">BLOG</div>
この一行のみ
簡単に説明すると
JSでブレる部分のコードを動的に追加し、ブレるエフェクトを追加。
CSSで色をつける。
以上です。