https://css-tricks.com/aos-css-driven-scroll-animation-library/ https://github.com/michalsnik/aos

AOS Animate On Scroll Library

https://michalsnik.github.io/aos/

FADE

fade-up

fade-down

fade-right

fade-left

fade-up-right

fade-up-left

fade-down-right

fade-down-left

FLIP

flip-left

flip-right

flip-up

flip-down

ZOOM

zoom-in

zoom-in-up

zoom-in-down

zoom-in-left

zoom-in-right

zoom-out

zoom-out-up

zoom-out-down

zoom-out-right

zoom-out-left

DIFFERENT SETTINGS EXAMPLES

fade-up

fade-down linear

fade-right

fade-left

fade-zoom-in

flip-left

ANCHOR PLACEMENT

fade-up top-bottom

fade-up center-bottom

fade-up bottom-bottom

fade-up top-center

fade-up center-center

fade-up bottom-center