How can I make unselected tab menu element's 50% opacity unless clicked on?

Hey there,

I want to highlight that an tab item has been selected by making the icon inside 100% opacity. Typically I’d apply the opacity to the “pressed” state, however it seems the “current” state is used for tabs and it’s not specific to any items inside the container.

Any suggestions?

Thanks


Here is my site Read-Only: LINK

Hi

Follow this…

https://www.loom.com/share/e08b2580ebe946f6aaa3811aed4fac75

This website doesn’t seem to work anymore. Is there another solution for this question?

Hi Mary

share your read only link and I’ll try to record the clip again. I have no access to the original video :frowning:

I don’t have a Webflow link just yet! But I do have a Figma prototype here. The idea is that if you click ‘2021’ of ‘2022’, the unselected ones should lose some opacity. :slight_smile:

Thank you in advance!