Cursor stuck on hover

Design help Animations & Interactions
1

Hi all,

I’m trying to create an effect where if you hover over an image link on my site, another image will appear and will follow the cursor as long as you’re hovering over the image link. I’ve mostly gotten this to work, but for some reason i can’t get the cursor to hover out at all once you’ve hovered over the image. no matter where you point your cursor on the page, the pop-up image is still there and the cursor still thinks it’s hovering over the image link.

here’s my share link, would appreciate any help :slight_smile:

https://preview.webflow.com/preview/tiff-portfolio-107416?utm_medium=preview_link&utm_source=designer&utm_content=tiff-portfolio-107416&preview=1d0ff372ee662b96b31626b51c41ce4e&pageId=5fd4879c4f7109768ae283da&mode=preview

2

Hi Tiffany,

I like your new home! :upside_down_face:

Couldn’t find the element that is supposed to follow the cursor though. Did you remove the cursor interaction?

3

Thank you!! Also oops I had accidentally deleted it. It’s back up now! Should be when you hover over the yahoo sportsbook link block

4

Okay, it’s actually quite easy to solve - took me hours of trying on my own project though.

Try add an HTML embed with the following code:

<style>.image-wrapper-prev {pointer-events: none;}</style>
5

It worked!! You are a LIFESAVER! I was at this for two days and couldn’t figure it out. Thank you so much for your help!