animate.cssとScrollTrigger.jsを使用してWebサイトにアニメーションをつけてみます。 animate.cssでスクロールイベントを設定するで検索すると「wow.js」と合わせて紹介されている記事が多いのですが、wow.jsは商用利用は有料になったようです。 なので、wow.jsではなく「ScrollTrigger.js」を使用してスクロールイベントを設定します。 animate.cssは設定するとすぐにアニメーションが実行されてしまうので、スクロールイベントを設定して指定の場所までスクロールした時だけ実行されるようにする必要があります。