Two words on separate lines, one beneath the other, that change color simultaneously when one or the either is moused over. Additionally, the words need to be a align left and right. Each will have it’s own font separate font and letter spacing. Also, they will align right and left perfectly via letter spacing between characters. Too, when either are clicked, text will expand below the bottom word (this functionality is understood), but is stated to show that animation is involved on click. Open to however it takes to achieve this affect, be it one button, one linked text, two buttons, etc.
Can you please update your post with some more information so we can help you faster? Things like screenshots and your environment info really speed things up.
I suggest a Div and add the the two text sections inside the Div and then assign a hover state to the div OR give a class to both the text boxes and assign a hover state to the class. Either way should work just a matter of how you prefer to structure.
To reveal content on hover, try this demo:
Demo: https://webflow.com/website/Demo-Kit
Page Title: Accordion
*Instead of using a click interaction, use a hover interaction
Thanks for the reply. The I do have the hover working however, I want both to turn blue at the same time when I hover over either.
How can I make this possible?
How will the hover action work when seen via mobile?..will it not expand all to reveal the content? Why is the div blue line div going over the expanded text…how do I prevent that?..am I missing something?
If you look at my link above, you will be able to see all of this
