In this tutorial, Iam trying to animate my Bootstrap template with Animate.css and jQuery Waypoint. Basically we will use Waypoints to know when the user scrolls to an elements and trigger a CSS3 animation to make our sites more sassy.
Animate.css is a ready-to-use library collection of CSS3 animation effects. This library supplies you with over 50 different animation effects which work consistently on most all browsers with CSS3 support.
Waypoints is a library that makes it easy to execute a function whenever you scroll to an element.