Iron Man Day 05 - WOW.js
by Sheng Huang Huang
HTML
<script src=" https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css">
<p>
滑鼠往下捲動看看....
</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p class="wow bounce bg-red">
我只要在出現時才會呈現特效喔！
</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
CSS
.bg-red {
background-color: red;
}
JavaScript
new WOW().init();