BLOG

CATEGORY

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

CATEGOLY / JAVASCRIPT

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

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

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

実装はシンプル。

今回は文字の場合、

htmlでは

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

この一行のみ

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

以上です。

Leave a Reply

Your email address will not be published. Required fields are marked *