BLOG

CATEGORY

WEBでグリッチエフェクトっぽい表現を実装

CATEGOLY / JAVASCRIPT

そもそもグリッチエフェクトとは

壊れたテレビで見ることができる
特有のノイズみたいなやつ。

このサイトでもそれっぽいのを
トップページのロゴやタイトル(下記のようなやつ)のところで使ってます。

実装はシンプル。

今回は文字の場合、

htmlでは

<h1 class="hoge">BLOG</div>

この一行のみ

簡単に説明すると
JSでブレる部分のコードを動的に追加し、ブレるエフェクトを追加。
CSSで色をつける。

以上です。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です