WOW.jsを利用して簡単にアニメーションを導入する

WOW.jsはjqueryの必要のないわずか3 kbのスクリプトです。
WOW.jsと、Animate.cssを利用することで、簡単にサイトにアニメーションを導入できます。

1.wow.jsとanimate.cssをダウンロードして読み込む

2.ソースに以下を記述

<script>
 new WOW().init();
</script>

3.classにwowと好きなアニメーションタイプを記述して利用する(例:表示を1.1s遅らせてフェイドイン)

<h2 class="center wow fadeIn" data-wow-delay="1.1s">テキスト</h2>