アニメーションを設定するwow.jsを設定しても動かずハマったのでその対処法について。

症状

以下のように、animateをつけたクラスとwow単体では機能する。

html（動く）

class="animate__animated animate__zoomIn"
class="wow animate__animated animate__zoomIn"

wowでスクロールが差し掛かったタイミングで表示されるのと、animate.cssは機能している状態。

しかし、このクラス設定を、animateなしの、fadeInやbounceInUpにすると動かなくなる、、

html（動かない）

class="wow bounceInUp"
class="wow fadeIn"

## 結論 animate.cssをCDNで読み込んでいたのがダメだった。 **wow.jsの公式githubでDLしたフォルダに入っている`animate.css`をローカルで読み込む**必要がある。

Download Zip（もしくはgit clone）

WOW/css/libs/animate.cssに入っている。

CDNではなく、このファイルを読み込むようにしたらちゃんと動いた。

## 感想 [wow.jsの公式ページ](https://wowjs.uk/docs.html)にいくと、[animate.css](https://animate.style/#best-practices)の公式ページに誘導され、そこにCDNでもいいって書いてあるのに、、紛らわしい、、