要素が画面に表示されたタイミングでいい感じにアニメーションして表示させたいときの備忘録。 jsライブラリの「jQuery.inview.js」とアニメーションのCSSライブラリ「animated.css」を使用します。 inviewだけでもアニメーションさせることはできますが、より色んなアニメーションをつけたいとき、違うライブラリに変えてみたり試行錯誤してみましたが、「animatede.css」を併用する方法が一番ラクだったので。。。 使用するライブラリ jQuery.inview.js animated.css (使用する際は各サイトから最新版をCHECK) ライブラリの読み込み head内に「animated.css」、body閉じタグ前にjQuery本体と「jQuery.inview.js」を記述。 (animated.cssはCDNあるのでそちらを使用・jQuery本体はGoog