こんにちは、okutani(@okutani_t)です。みなさんはWebサイトに動きをつけるとき、どうしていますか? 『Animate.css』 と『wow.js』を組み合わせて使うことでお手軽かつシンプルにWebサイトに動きをビュンビュンつけることができます。ええ、そりゃあもうビュンビュンに。 このふたつを使うことで、ほとんどプログラミングせずに動きのあるサイトが作れます。 なぜ、このふたつを使うのか、それぞれの役割をかんたんに説明します。 Animate.css 文字通りWebサイトにアニメーションをつけることができるcssファイル。Animate.cssはWebサイトが読み込まれた瞬間に発動してしまうので、一般的にwow.jsと組み合わせて使う。 wow.js Webサイトのスクロール位置を知ることができる。wow.jsを使うことで、好きなタイミングでAnimate.cssを呼ぶこと
![「Animate.css + wow.js」でWebサイトにアニメーションをつけてみよう | vdeep](https://cdn-ak-scissors.b.st-hatena.com/image/square/9c49b5c6fe3479d1ce35b6d14efc2ce3fa792dfd/height=288;version=1;width=512/http%3A%2F%2Fvdeep.net%2Fwp-content%2Fuploads%2F2015%2F11%2Fanimate-wow.jpeg)