XEANT

FADE

<div class="" aos-data="fade-up"></div>
<div class="" aos-data="fade-down"></div>
<div class="" aos-data="fade-right"></div>
<div class="" aos-data="fade-left"></div>
<div class="" aos-data="fade-up-right"></div>
<div class="" aos-data="fade-up-left"></div>
<div class="" aos-data="fade-down-right"></div>
<div class="" aos-data="fade-down-left"></div>

FLIP

<div class="" aos-data="flip-left"></div>
<div class="" aos-data="flip-right"></div>
<div class="" aos-data="flip-up"></div>
<div class="" aos-data="flip-down"></div>

ZooM

<div class="" aos-data="zoom-in"></div>
<div class="" aos-data="zoom-in-up"></div>
<div class="" aos-data="zoom-in-down"></div>
<div class="" aos-data="zoom-in-left"></div>
<div class="" aos-data="zoom-in-right"></div>
<div class="" aos-data="zoom-out"></div>
<div class="" aos-data="zoom-out-up"></div>
<div class="" aos-data="zoom-out-down"></div>
<div class="" aos-data="zoom-out-right"></div>
<div class="" aos-data="zoom-out-left"></div>

DIFFERENT SETTINGS EXAMPLES

<div data-aos="fade-up" data-aos-duration="3000"></div>
<div data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1500"> </div>
<div class="" aos-data="zoom-out-left"></div>