アニメーションを設定する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`をローカルで読み込む**必要がある。
WOW/css/libs/animate.cssに入っている。
CDNではなく、このファイルを読み込むようにしたらちゃんと動いた。
## 感想 [wow.jsの公式ページ](https://wowjs.uk/docs.html)にいくと、[animate.css](https://animate.style/#best-practices)の公式ページに誘導され、そこにCDNでもいいって書いてあるのに、、紛らわしい、、