LoginGet started — it’s free
Made in Webflow

Double Hover Effect

Clone in Webflow6
Matthew P Munger's avatar
by Matthew P Munger
site profile thumbnail


The challenge here is to reveal an image on first hover and remove the image on the second hover. Sounds simple, but it takes a sequence of triggers and invisible elements to control the interaction from happening when it's not intended. This was posted in response to a question on the forum. https://discourse.webflow.com/t/how-to-show-an-image-on-first-hover-and-then-hide-it-again-on-second-hover/187065 There is also a video walk through. https://www.loom.com/share/10c2517552524885a0510b932412f8a6

Feeling inspired?

If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

More by Matthew P Munger

See profile
View details
© 2022 Webflow, Inc. All rights reserved.