Scroll Animation: Animate.css Wow.js

build animation by using CSS & HTML class

//cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css

//cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js

REF: animate.css
REF: wow.js docs
<img class="wow slideInLeft" >
Intro Gallery Pool Sample Pictures <img class="wow bounceInUp" >
<img class="wow slideInRight" >
<script> new WOW().init(); </script>

This scroll Animation not repeatable

This scroll animation setup is not repeatable

'wow' + animation_class_name

REF:animate.css animation list

<img class="wow bounce" >
<img class="wow flash" >
<img class="wow pulse" >
<img class="wow rubberBand" >
<img class="wow shake" >
<img class="wow headShake" >
"wow bounce infinite"
"wow flash infinite"
"wow pulse infinite"
"wow rubberBand infinite"
"wow shake infinite"
"wow headShake infinite"

recreating the same animation with 'animated' instead of 'wow'

"animated bounce infinite"
"animated flash infinite"
"animated pulse infinite"
"animated rubberBand infinite"
"animated shake infinite"
"animated headShake infinite"

animate.css syntax 'delay-2s'

"animated bounce infinite delay-1s"
"animated flash infinite delay-2s"
"animated pulse infinite delay-3s"
"animated rubberBand infinite delay-4s"
"animated shake infinite delay-5s"
"animated headShake infinite delay-6s"

animate.css syntax
animation-duration, animation-delay, animation-iteration-count

"animated bounce infinite" style="animation-duration:3s; animation-delay:1s; animation-iteration-count:3;"
"animated bounce" style="animation-duration:3s; animation-delay:1s; animation-iteration-count:infinite;"

All available animations

"wow bounce infinite"
"wow flash infinite"
"wow pulse infinite"
"wow rubberBand infinite"
"wow shake infinite"
"wow headShake infinite"
"wow swing infinite"
"wow tada infinite"
"wow wobble infinite"
"wow jello infinite"

and many more ...

Check out all the animations here!

Bounce

"wow bounce infinite"
"wow bounceIn infinite"
"wow bounceInDown infinite"
"wow bounceInLeft infinite"
"wow bounceInRight infinite"
"wow bounceInUp infinite"
"wow bounceOut infinite"
"wow bounceOutDown infinite"
"wow bounceOutLeft infinite"
"wow bounceOutRight infinite"
"wow bounceOutUp infinite"

Fade

"wow fadeIn infinite"
"wow fadeInDown infinite"
"wow fadeInDownBig infinite"
"wow fadeInLeft infinite"
"wow fadeInLeftBig infinite"
"wow fadeInRight infinite"
"wow fadeInRightBig infinite"
"wow fadeInUp infinite"
"wow fadeInUpBig infinite"
"wow fadeOut infinite"
"wow fadeOutDown infinite"
"wow fadeOutDownBig infinite"
"wow fadeOutLeft infinite"
"wow fadeOutLeftBig infinite"
"wow fadeOutRight infinite"
"wow fadeOutRightBig infinite"
"wow fadeOutUp infinite"
"wow fadeOutUpBig infinite"