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