How to have hover reveal image that follows cursor - on multiple elements on page

Hi,

Towards the end of my page I have a list of projects that I would like to have a hover interaction that reveals an image that follows the mouse cursor. I mange to get the first one to work, but every solution I came up with wasn’t working.

Currently I have a element trigger that reveals the image. On that same element i have a page trigger that makes the image follows the cursor. It seems that I cant make more than one page trigger that swaps out images per hover. It would globally change all the images.

I’ve read a bunch of other forums that only has this type of interaction for one element per page. Any help or suggestions would be awesome!


Here is my public share link: https://preview.webflow.com/preview/dannys-blank-site-8f3e76?utm_medium=preview_link&utm_source=dashboard&utm_content=dannys-blank-site-8f3e76&preview=dd74d0e2861bc3ffe93622d6710b1b8d&mode=preview
(how to access public share link)

Hi,

Maybe you’ve already figured it out.
If not: I was looking for the same kind of interaction. And just found this webflow project: https://webflow.com/website/Image-Reveal-on-Hover-and-Mouse-Cursor-Follow-Interactions

1 Like

@Pienvw thanks for the reply! Yeah I eventually figured it out, took awhile but got there :smile:

Hi Danny,
would you maybe share how you managed to make it work in the end?
Would really appreciate. Thanks!