AoS

Reveal CSS animations when scrolling down a page. Combine it with animate.css animations.

Demo

http://buzinas.github.io/animate-on-scroll

Benefits

• The smallest (less than 1KB) and simplest (no configuration needed) library for that purpose

Version

• 2.1.0

Dependencies

• animate.css

Basic usage

1. Include an aos attribute into the tags you want to animate
2. You can set it with any of the animate.css available animations
3. The library will automatically reveal the animations when the element is visible

<section aos="pulse"></section>
<span aos="fadeIn"></section>

Setting the aos attribute to random

Let the library choose a random animation for you!

<div aos="random"></div>
<div aos="random"></div>