Animation

Fade Animation

<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 Animation

<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 Animation

<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>