Hover Animation Link Trigger

Hi y’all! I’m trying to get my hover animation to make my text widget disappear, and then open a new page On Hover. Was wondering if anyone had a solution to that or a possible code I could implement?

1 Like

Hi there! :waving_hand: First off, big props for diving into hover interactions—they can get a little tricky, but you’re already on the right track! :rocket: For your text widget to disappear and trigger a page change, you’ll want to split this into two actions in your workflow.

:one: Disappearing text: Use a ‘Hide/Show’ animation on hover (set to “hide” with a smooth transition).
:two: Opening the new page: Add a ‘Navigation’ action after the hide animation—but add a tiny delay (0.2s) to let the disappearance finish first! Otherwise, the hover might not register both actions.

If you’re still stuck, share a screenshot of your workflow, and I’ll help troubleshoot! You’ve got this—hover magic is so satisfying once it clicks. :dizzy: