<div class="container">
  <div class="item"></div>
</div>
.container {
  width:100vw;
  height:100vh;
  display:grid;
  place-items:center;
}
.item {
  display:inline-block;
  width:100px;
  aspect-ratio:1/1;
  background:red;
}
window.addEventListener("DOMContentLoaded", () => {
  gsap.to(".item", {
    x: 100,
    duration: 2
  }); 
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js