ITエンジニア/デザイナ向けにオープンソースを毎日紹介

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

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2