CODEWITHSUNDEEP
jquerycss
Kakadela Horosho
Kakadela Horosho

Reputation: 41

Css animation while scrolling

I have several div's and I want to add animation. I use animate.css ( https://github.com/daneden/animate.css ) for it 

<div class="first animated bounce">
...
</div>
<div class="second animated bounce">
...
</div>

And now animation starts after page is loaded, but I want to start animation when I scroll to div.

how can I solve this problem? thanks

Upvotes: 0

Views: 666

Answers (1)

Miguel Suarez
Miguel Suarez

Reputation: 302

Use WOW.js, this library checks when the the element is visible and applies the animate.css animation that you have set in the elements class:

http://mynameismatthieu.com/WOW/

The docs for intalling it and configuring are pretty straightforward.

Upvotes: 2

Related Questions