AOS
Aniamte On Scroll Library
SCROLL DOWN
FADE
<div data-aos ="fade-up"><div>
<div data-aos ="fade-down"><div>
<div data-aos ="fade-right"><div>
<div data-aos ="fade-left"><div>
<div data-aos ="fade-up-right"><div>
<div data-aos ="fade-up-left"><div>
<div data-aos ="fade-down-right"><div>
<div data-aos ="fade-down-left"><div>
FLIP
<div data-aos ="flip-left"><div>
<div data-aos ="flip-right"><div>
<div data-aos ="flip-up><div>
<div data-aos ="flip-down"><div>
ZOOM
<div data-aos ="zoom-in"><div>
<div data-aos ="zoom-in-up"><div>
<div data-aos ="zoom-in-down"><div>
<div data-aos ="zoom-in-left"><div>
<div data-aos ="zoom-in-right"><div>
<div data-aos ="zoom-out"><div>
<div data-aos ="zoom-out-up"><div>
<div data-aos ="zoom-out-down"><div>
<div data-aos ="zoom-out-right"><div>
<div data-aos ="zoom-out-left"><div>
DIFFERENT SETTINGS EXAMPLES
<div data-aos ="fade-up"><div>
<div data-aos ="fade-up"><div>
<div data-aos ="fade-up"><div>
<div data-aos ="fade-up"><div>
<div data-aos ="fade-up"><div>
<div data-aos ="fade-up"><div>
ANCHOR PLACEMENT
<div data-aos ="fade-up"><div>
<div data-aos ="fade-up"><div>
<div data-aos ="fade-up"><div>
<div data-aos ="fade-up"><div>
<div data-aos ="fade-up"><div>
<div data-aos ="fade-up"><div>
Disclaimer: This webpage is a recreation for practice purposes only and is not the original design or ownership.