Check out example codes for "aos css animation". It will help you in understanding the concepts better.

Code Example 1

<div data-aos="zoom-in-left"></div>

Code Example 2

<div data-aos="zoom-in-right"></div>

Code Example 3

CSS
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">

JS
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>

INITIALIZE AOS:
<script>
  AOS.init();
</script>

Code Example 4

<script>
  AOS.init();
</script>

Code Example 5

<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>

Learn ReactJs, React Native from akashmittal.com