Navigation - Link hover

Design help Animations & Interactions
1

Hello all,

I’m trying to create an interaction on my navigation that will change the inactive link colors when I hover over a link. The link that’s been hovered should stay the same color, then the other links should change to 0.5 opacity.

So far, I’ve managed to get this to work for the ‘services’ link, but it means creating separate interactions for each individual link. Does anybody know a more efficient way I can achieve this effect without having to create separate interactions for each link?

Development site - https://jordan-kellett.webflow.io/

Thanks.

2

Hey @Jordan.kellett

Can you share your read-only link?

Piter :webflow_heart:

3

https://preview.webflow.com/preview/jordan-kellett?utm_source=jordan-kellett&preview=b00a2820515d446d23b83fb7e89f8388

4

See here > https://www.loom.com/share/4481a14b3594415999b3d9227f899afb

5

Thanks for the great tutorial, much appreciated :+1:t3:

6

Do you know whether it’s possible to make it exactly like Webflows and not have the links change colour in between the items margins?