<div class="box bg-black" data-aos="fade-right"></div>
<div class="box bg-red" data-aos="fade-left"></div>
<div class="box bg-black" data-aos="fade-right"></div>
.box {
  width: 100%;
  height: 500px;
  margin-bottom: 10px;
}

.bg-black {
  background-color: black;
}

.bg-red {
  background-color: gray;
}
AOS.init();

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js