Color Button Issue

Design help Custom code
1

Hello,

I have been working on a minimalist site project and have come across a weird but seemingly simple problem.

I have a button hover animation that has a black box fade in from the left around a word then changes the word text color to pink. On the hover out the box returns and the text color changes back to the original black color.

I have created some buttons that change the entire site’s background color and text color. This creates a problem with the above animation as the hover out reverts back to original colors before the entire site background and text color change.

Is there a way to instead have the hover in animations change the text color to say " color group a" rather than specific colors? Then have a button that changes “color group a” to “color group b”

Or maybe there is another workaround I can’t think of. I already tried a button that loads up a duplicate home page with different colors> Not a huge fan of that work around. Was to clunky.

Thanks in advance
:slight_smile:

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Add your read only link to your site please and I will have a look

4

Hey Tom,

Here is the read only:

https://preview.webflow.com/preview/incognischmo-com-3746be7a7e67302d377822?utm_medium=preview_link&utm_source=designer&utm_content=incognischmo-com-3746be7a7e67302d377822&preview=3eac65061b3ab7b74ffe5b1290ed6efe&mode=preview

I moved the design plan in a simpler direction but if this is possible would love to visit it again.

Build is very clunky as I am experimenting and exploring a lot.

5

I think read that correctly.

So you have the four buttons that change the colour of the background right. but you want all that text to change color too?

If so I know your work around.

all the text elements give them a class then on your animation select one of the text elements add a change colour option. ensure that the selection for affect is set to class