in ,

“Animate On Scroll” is an easy to use scroll animation effects library


Animation improves the user experience of the website and also impresses the visitors. With the use of CSS and jQuery, one can easily create any kind of animation. But, what if you want a ready made solution. “Animate On Scroll” is for you.

“Animate On Scroll” or AOS is easy to use library which lets you quickly add scrolling animation effects on your website.

How to use

Like other libraries, you only need to include CSS and JS files.


Initialize the script on page

After this, you only need to add data-aso to the element and define the animation class for it. For example, if you want to use “Fade right”effect, use this.

Demo | Download

  • Compatibility: Modern Browsers with CSS3 transform support
  • License: MIT License


Written by Deepanker

Deepanker Verma is the founder of Techlomedia. He is a tech blogger, developer and gadget freak.

Leave a Reply

Your email address will not be published. Required fields are marked *



Chillout.js Helps you in reducing Javascript CPU usage

citysets icon sets

‘Citysets’ is The Free City-based Icon Set