Animate.cssとwow.jsを使ってサイトにアニメーションをつける

1.Animate.css と　wow.jsをサイトの中にいれる

2.htmlに読込する

<link rel=”stylesheet” href=”css/animate.css”>
<script src=”js/wow.js”></script>
<script>
new WOW().init();
</script>

3.classで設定する-設定例

<div class=”wow fadeInUp animated” data-wow-delay=”0.1s”></div>

注意

wordpressで動かす場合

<link rel=”stylesheet” href=”css/animate.css”>
<script src=”js/wow.js”></script>
の部分をheadの上に

CDMの場合・・・
<link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.4.0/animate.min.css”>

</BODY>の前にこちらを入れると動きました。
<script src=”https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js”></script>

<script>
new WOW().init();
</script>