Mouse Hover to animate an other element but no Hover off

Design help Animations & Interactions
1

Hello,
I am tryng to do something. I would like that, when the mouse is hover a picture, it enlights a word in a list.
To do so, I use an animation on mouse hover the picture to change background color of this text element.
The problem is that the hover off options are limited to the element hovered and cannot be applied to the text. Do you know a way to put back to normal after hovering.
Here is the example (you have to hover the first picture)

Thanks

Here is my public share link: LINK
(how to access public share link)

2

https://jacquess-dynamite-site.webflow.io/
Thank you for your help

3

Hi Jacky,

Please share a read-only link so we can help out

Cheers!

4

This link doesn’t work? https://jacquess-dynamite-site.webflow.io/

5

No, this is the link to the site. You need to share the read-only link. You can find it near the publish button

6

Thanks I found it : https://preview.webflow.com/preview/jacquess-dynamite-site?utm_medium=preview_link&utm_source=designer&utm_content=jacquess-dynamite-site&preview=e607f631afc5f34c78f3f8fda7496514&workflow=preview
So my question is about the first picture, when you mouse hover it, the text on the right side has a green background, but how to put it back to normal when mouse hover off?

thanks

7

Hey @Jackytheweb,

So you have the On Hover interaction set but it’s missing the On Hover Out interaction. Make a new interaction for On Hover Out and set the background colour to transparent. Check out this video.

Hope that helps!

Tyler

1 Like
8

Waw that’s an amazing help, thanks a lot ! I am going to have a lot of fun with the building of my website. Will share it to you in a couple of week after finishing it.

thanks

9

You’re welcome! Yes I’d love to see it. Feel free to send me a personal message when you’re finished.

Have a good one!

1 Like