ad

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

Animate On Scroll

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.

<link href="https://cdn.rawgit.com/michalsnik/aos/2.0.4/dist/aos.css" rel="stylsheet">

<script src="https://cdn.rawgit.com/michalsnik/aos/2.0.4/dist/aos.js"></script>

Initialize the script on page

<script>
    AOS.init();
  </script>

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.

<div data-aos="fade-right"></div>

Demo | Download

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

Tags: |
Nord VPN Sale

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


Similar Articles

0 Comments

Leave a comment

Comment policy: We love comments and appreciate the time that readers spend to share ideas and give feedback. However, all comments are manually moderated and those deemed to be spam or solely promotional will be deleted.

2020 UseThisTip | Developed By Deepanker