Scrolling animations
Add animation while scrolling
Drupal.com lets you add animation effects when scrolling on your page, thanks to its integrated Animate On Scroll library, based on JavaScript and CSS.
To see the animation you're interested in, and the applied settings, simply scroll down this page... You can then add the changes to your components, and they will work the same way.
fade, aos-delay: 100, aos-duration: 300, aos-offset: 200
fade-up, aos-delay: 100, aos-duration: 300, aos-offset: 200
fade-down, aos-delay: 100, aos-duration: 300, aos-offset: 200
fade-left, aos-delay: 100, aos-duration: 300, aos-offset: 200
fade-right, aos-delay: 100, aos-duration: 300, aos-offset: 200
fade-up-right, aos-delay: 100, aos-duration: 300, aos-offset: 200
fade-up-left, aos-delay: 100, aos-duration: 300, aos-offset: 200
fade-down-right, aos-delay: 100, aos-duration: 300, aos-offset: 200
fade-down-left, aos-delay: 100, aos-duration: 300, aos-offset: 200
flip-up, aos-delay: 100, aos-duration: 300, aos-offset: 200
flip-down, aos-delay: 100, aos-duration: 300, aos-offset: 200
flip-left, aos-delay: 100, aos-duration: 300, aos-offset: 200
flip-right, aos-delay: 100, aos-duration: 300, aos-offset: 200
slide-up, aos-delay: 100, aos-duration: 300, aos-offset: 200
slide-down, aos-delay: 100, aos-duration: 300, aos-offset: 200
slide-left, aos-delay: 100, aos-duration: 300, aos-offset: 200
slide-right, aos-delay: 100, aos-duration: 300, aos-offset: 200
zoom-in, aos-delay: 100, aos-duration: 300, aos-offset: 200
zoom-in-up, aos-delay: 100, aos-duration: 300, aos-offset: 200
zoom-in-down, aos-delay: 100, aos-duration: 300, aos-offset: 200
zoom-in-left, aos-delay: 100, aos-duration: 300, aos-offset: 200
zoom-in-right, aos-delay: 100, aos-duration: 300, aos-offset: 200
zoom-out, aos-delay: 100, aos-duration: 300, aos-offset: 200
zoom-out-up, aos-delay: 100, aos-duration: 300, aos-offset: 200
zoom-out-down, aos-delay: 100, aos-duration: 300, aos-offset: 200
zoom-out-left, aos-delay: 100, aos-duration: 300, aos-offset: 200
zoom-out-right, aos-delay: 100, aos-duration: 300, aos-offset: 200