Webサイトに動きを!グリッチエフェクトを実装する「CSS Glitch Effect」 2018年3月2日 こんにちは! デザイナーの伊東です。 先日、「2017年のWebデザイントレンドを振り返る」といった趣旨のセミナーに参加してきました。 昨年多くのWebサイトから見られた傾向を振り返っていったのですが、その中でも印象に残っているのが”動きのあるWebサイトが増えている”というトピックスでした。 私自身、2017年はjs+cssでアニメーションを加えたWebサイトを多く作成したように思います。 ただ、ダイナミックな動きを実現しようとするとその分工数が増えてしまうのも事実です。 そこで今回は、凝った動きを簡単に実装できる「CSS Glitch Effect」というものを紹介しようと思います。 短時間で実装できますので、ぜひお試しください! グリッチエフェクトとは 「グリッチ」とは、電子
![Webサイトに動きを!グリッチエフェクトを実装する「CSS Glitch Effect」](https://cdn-ak-scissors.b.st-hatena.com/image/square/b47f3658af16e08a327b66da8153345a149b7b1f/height=288;version=1;width=512/https%3A%2F%2Falaki.co.jp%2Fblog%2Fwp-content%2Fuploads%2F2018%2F03%2F06e56b842aaa4108ac0630a1b109ff14.png)