Animaciones en scroll
Añade movimientos mientras scroleas
conDrupal.com te permite añadir efectos de animación al hacer escroll en tu página, gracias a que integra la librería Animate On Scroll, basada en javascript y CSS.
Para ver la animación que te interesa, y la configuración aplicada, sólo tienes que desplazarte hacia abajo en esta misma página... Luego podrás añadir los cambios en tus componentes y funcionarán de la misma forma.
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