Home > Animation > AOS – Animate Elements On Scroll
AOS - Animate Elements On Scroll

AOS – Animate Elements On Scroll

Aos is a javascript library which uses CSS3 animations to animate elements on page scrolling. AOS allows you to animate elements as you scroll down, and up. If you scroll back to top, element will animate to it’s previous state and is ready to animate again if you scroll down.

How to use it?

Basic usage

All you have to do is to add data-aos attribute to html element, like so:

  <div data-aos="animation_name">

Script will trigger “animation_name” animation on this element, if you scroll to it.

Down below is a list of all available animations for now 🙂

  Website Demo

About admin