How to show an image on first hover and then hide it again on second hover?

Example: Work | Arnaud Lajeunie

Hey @alembukvich

This was an interesting challenge that, in the end, required two invisible trigger div elements to accomplish. I’m very happy with the result and recorded a video walking through how to accomplish this interaction.

Also here is the project which you can clone and inspect in detail.
https://webflow.com/website/double-hover-effect

Welcome to the forum, Alem. Hope this helps and happy designing!

1 Like

Whoa, this is amazing Matthew! I can’t wait to give this a try myself. Thank you!

1 Like

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.