Streaming live at 10am (PST)

Tab Link Hover + Current State


#1

Hellooo,

So I've been playing with the tabs for a while. For 3 states of a tab link: non-current, hover, and current, I tried to style it differently.

I've tried to use 'hover' state that allows me to change background, but definitely not the text block within. I've created hover interactions which lets original black text block disappears, and a new pink colored one emerge. Now my question is, how might I make that hover effect stay when click into current state?

It seems impossible to style the text block in it while at CURRENT state..should I create a click interaction similar to the hover interaction? or is there a more convenient trick I don't know about?

Thank you!


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


#2

Hey @newnewbie

Made you another quick video: https://cl.ly/053z083w1y0Y

Hope this helps!
:slight_smile:


#3

Hi Brando,

Thank you! This definitely helps!

I previously tried to use INTERACTION, added a div block on the tab to contain a second layers of text and image; and set two triggers: hover and tabs, but unfortunately it only executes the hover effect, not the tabs. For now I'll just remove all interactions, set the text block to the match original background color, and use hover & current-state.


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.