Animate.css On Scroll
AnimateCSS Add animation AOS option to enable Animate CSS On Scroll

Provides AOS options on AnimateCSS UI add animation form, allows you to Animate On Scroll using AOS.js library.

Installation

Please view the project's README.md for detailed installation instruction.

Requirements

  • Animate CSS
    Allows you to makes cross-browser animations for use in your web projects. Great for emphasis, home pages, sliders, blocks with cool animation effects.
  • AOS JS
    Is a small and lightweight JavaScript library (with no dependencies) that allows you to animate elements as you scroll down, and up. If you scroll back to the top, elements will animate to their previous state and are ready to animate again if you scroll down.

Similar modules

WOW JS
Is a module that aims to integrate WOW.js library with Drupal. Provides Animations When You Scroll, Improve site interactivity with awesome animations.

  • Textimate ( Text + Animate )
    Provides text animation, enhancing site interactivity with awesome effects. Effortlessly transform static text into mesmerizing animations.
  • Splitting.js
    Allows you to creates elements and adds CSS Variables for split words & characters! (lines, items, grids, images, more!) to unlock amazing possibilities for style and animating text, grids, and more!.
  • Vivus
    is a module that aims to integrate Vivus.js library with Drupal. Provides SVG animate, Improve site interactivity with awesome animations.
  • Hover CSS
    Is a collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on.

Supporting

Please let me know if a new feature is needed or is there any issue and feedback. You can announce it in the AnimateCSS On Scroll Issues section.

Animations can improve the UX of an interface, but keep in mind that they can also get in the way of your users!

Project information

Releases