モバイルアプリケーションはもちろん、Webサイトにおいてもアニメーションはエンゲージメントを高めるうえで強力なツールです。 jQueryが流行していたころはjQueryに標準で搭載されているアニメーションを使ったりjQueryプラグインを導入するのが一般的でしたが、現在ではjQueryをベースとしたものに限らず、さまざまなアニメーションプラグインが公開されています。 フルスクリーンで背景が動くアニメーションから小さなホバーエフェクトまで、アニメーションはいたるところで使われています。 今回は、フロントエンドエンジニアやWebデザイナーが知っておきたい、マイクロインタラクションにも使えるアニメーションプラグインをご紹介していきます。 プラグインのメリットは、簡潔に読み込みコードと設定を書き込むだけで、だれもが簡単に導入できる点です。 ぜひ、お気に入りのプラグインをピックアップしていきましょう
![UX向上の鍵!マイクロインタラクションにも使えるアニメーションプラグイン11選](https://cdn-ak-scissors.b.st-hatena.com/image/square/3bfb47f8e52c74c6bdd27bf35380d7f6da614ac1/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F7087%2Fog_image%2Fdefault-e61c3cb70c0d00682c1438dfa865b053.jpg)