center cursor image on hover element
I am using GSAP to show an image on hover that follows the cursor while moving around, it all works fine but I can't get the image to 'center center' the cursor, what am I missing here? Edit:
I accidentally updated the original codepen that had the wrong code, I don't have a back-up of the old -not working- version but if you are looking for the solution you can find it down below and read how we got there in the rest of the topic
Solution codepen:
See the Pen abWeQJa
I would probably just call it unwanted behaviour
It would probably be best to set you initial transforms via gsap from the get-go - that can save you some headaches in general.
For what I understand it is you're going for, you could set your image to position: fixed (alongside top: 0 and left: 0) instead of absolute via CSS, and use clientX/clientY instead of pageX/pageY in your JS - that makes it work just alright for me.
Is that more like what you're going
