Web上でアニメーションを実現させるのはとても大変です。それだけに閲覧者にとっては大きなインパクトがあります。少しでも楽に実現させるために、ライブラリを使うのがいいでしょう。様々なライブラリを知っておけば、ぴったりの場面がありそうです。 今回紹介するwow.jsはスクロールによって出現するアニメーションライブラリになります。

wow.jsの使い方

デモです。下にスクロールするとアニメーションが開始されます。

こんな感じのアニメーションも。

wow.jsはCSSアニメーションを使っており、軽快に動作します。jQueryのような外部ライブラリは使っていません。遅延時間や回数、スタイルなどは自由に設定できます。サイズも3KB程度と軽量なので使いやすそうです。

wow.jsはJavaScript製のオープンソース・ソフトウェア（MIT License）です。

wow.js — Reveal Animations When Scrolling graingert/WOW: Reveal CSS animation as you scroll down a page