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

Code Example 1

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

Code Example 2

<div
    data-aos="fade-up"
    data-aos-offset="200"
    data-aos-delay="50"
    data-aos-duration="1000"
    data-aos-easing="ease-in-out"
    data-aos-mirror="true"
    data-aos-once="false"
    data-aos-anchor-placement="top-center"
  >
  </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>

Learn ReactJs, React Native from akashmittal.com