Scroll-Animate-with-Animate.css

Animate.css library comes with various effects for creating a cool animation to the site and for this I decided to create a script that will run the animation to the element with scroll event.

To use

Add this to the element data-animate="{animation_style}; {offset}"

<span data-animate="bounce;400"></span>

or offset value in percentage

<span data-animate="bounce;60%"></span>