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

harada 1,456views 更新:2014年2月17日

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>

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません