I am trying to re-create a hovering animation similar to the one found here when hovering over the location divs: https://meowwolf.com/
I originally tried just using requestAnimationFrame and updating the css values inside that function, but it turned out very jittery. Then I thought perhaps I could run a setInterval function that would run every .5 seconds and get the current mouse position, then use gsap to tween to that position.
The codepen shows the results. It seems to be repeating the tween, but I'm not sure why.
I could be approaching the problem completely wrong as well, so any suggestions on that front would be much appreciated. Thanks!