AOS - Animate on scroll library
684 sites
Security covered
This module integrates the Animate On Scroll (AOS) JavaScript library, allowing content to animate when it enters the viewport as you scroll. Elements can be configured to animate in various ways, and will revert to their original state when scrolling back up.
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
Roadmap
- Expose configurations for AOS global options.
- Expose configuration to enable/disable AOS library on selected/excluded pages.