Module Description
Animate On Scroll (AOS) library 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. This module provides integration with AOS library.
Usage
* Include the library in the desired pages: Instructions
* Add one of the relevant classes to get the desired animation, for example: <div data-aos="fade-zoom-in" data-aos-offset="200" data-aos-easing="ease-in-sine" data-aos-duration="600"> </div>
Links
* Demo
* Github project
* Animation examples
Roadmap
* Expose configurations for AOS global options.
* Expose configuration to enable/disable AOS library on selected/excluded pages.
Usage
* Include the library in the desired pages: Instructions
* Add one of the relevant classes to get the desired animation, for example: <div data-aos="fade-zoom-in" data-aos-offset="200" data-aos-easing="ease-in-sine" data-aos-duration="600"> </div>
Links
* Demo
* Github project
* Animation examples
Roadmap
* Expose configurations for AOS global options.
* Expose configuration to enable/disable AOS library on selected/excluded pages.
Module Link
Project Usage
494
Security Covered
Covered By Security Advisory
Version Available
Production
Module Summary
This module aims to provide integration with the AOS library, allowing elements to animate as the user scrolls up and down on a webpage.
Data Name
aos