Streaming live at 10am (PST)

Animation Hover State


Does anyone have a guide on how to edit an animation for a hover state only?

We’ve animated our navigation menu, when the page scrolls down the sticky navigation background turns white, therefore we turn our text black.

Once we scroll back to the top, the sticky nav goes to a transparent background, so we’ve set the text to go back to white.

The issue is that setting the font via animation overrides the hover state, so when hovering links they do not change colour.

How do we edit the hover state for animations? I’ve searched but cannot find the answer.

Unfortunately, our site isn’t public at this point so I can’t share the link, however, I hope this is a generic enough request to not require it.

Thanks in advance.