<div class="h-screen flex items-center justify-center relative">
  <div class="border-t-[5px] border-red-800 w-full h-[5px] absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"></div>
  <div class="border-l-[5px] w-[5px] h-screen border-red-800 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"></div>
  <div id="box" class="box w-[50px] h-[50px] bg-blue-600 rounded-lg absolutes z-[3]"></div>
</div>
gsap.to(".box", {
  x: 100,
  y: 100,
  duration: 3,
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdn.tailwindcss.com
  2. https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js