用户:Nannnnn/代码测试/common.js

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。

const cursor = document.querySelector('.cursor')
const shape = document.querySelectorAll('.shape')

document.body.addEventListener("mousemove", evt => {
  const mouseX = evt.clientX;
  const mouseY = evt.clientY;

  // cursor.style = `transform: translate(${mouseX}px, ${mouseY}px);`
  
  // shape.forEach(item => {
  //   item.style = `transform: translate(${mouseX}px, ${mouseY}px);`
  // })

  gsap.set(".cursor", {
    x: mouseX,
    y: mouseY
  })

  gsap.to(".shape", {
    x: mouseX,
    y: mouseY,
    stagger: -0.1
  })
})