Streaming live at 10am (PST)

Linking Hover States On Separate Elements

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:

Thanks, David

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.

1 Like