Streaming live at 10am (PST)

Linking Hover States On Separate Elements


#1

Hi there,

I have two separate elements that both have a hover state.

Is there a way to link the items so that when you mouseover on one of the objects the hover state is displayed on both?

Here’s an example: https://webflow.com/design/contentexample?preview=8fb8de83dd8e0088f3dd2a58e15048af

Thanks, David


#2

Yes and no.

Yes you can get the effect you want, but no it won't be a :hover state. You have to do it with interactions with the trigger :hover.

Give the class ACME to the elements you want to be shown and then hide them (opacity or display:none) You then can create an interaction who says "when hovering this object, then affect a different element called ACME and make it show up (opacity or display:box). then affect your interaction to both your objects.


#3