aos

animate on scroll

Small library to animate elements on your page as you scroll.

AOS allows you to animate elements as you scroll down, and up.

If you scroll back to top, elements will animate to it's previous state and are ready to animate again if you scroll down.

GET IT: npm install --save

Sample usage:

html:

1

<div data-aos="animation_name"/>

1
2

const aos = require('aos');
aos.init();

Major set of animations: Fade, Flip, Slide, Zoom, Easing functions and anchor placements.

GIF FTW!: