script.js

var main = document.querySelector("#main");
var crsr = document.querySelector("#cursor");
var imgdiv = document.querySelector("#image");
var mainimg = document.querySelector("#image img");

main.addEventListener("mousemove", function (dets) {
  gsap.to(crsr, {
    x: dets.x,
    y: dets.y,
    duration: 1,
    ease: "expo.out",
  });
});
imgdiv.addEventListener("mouseenter", function () {
  crsr.innerHTML = "View More";
  mainimg.style.scale = "1.1";
  gsap.to(crsr, {
    scale: 5,
    ease: "expo.inout",
    backgroundColor: "#ffffff7c",
  });
});
imgdiv.addEventListener("mouseleave", function () {
  crsr.innerHTML = "";
  mainimg.style.scale = "1";
  gsap.to(crsr, {
    scale: 1,
    ease: "expo.inout",
    backgroundColor: "#fff",
  });
});