Streaming live at 10am (PST)

How do I replicate this hover animation?

Hello Webflow community!
I am interested in making a menu that animates on hover similar to the one found at the bottom of this page. site: https://aileronfolio.webflow.io/ . It’s the menu that reads “ABOUT CONTACT FACEBOOK INSTAGRAM TWITTER.” Does anyone have any guidance on how to achieve this effect?

Best,
Cole H

Hey, @WidowsAndOrphans I’ve tried to implement it please have a look. You can play with the easings and timings to make it more delightful.

Read-only

Published Link

Note: If you are in a paid plan you would have access to HTML embed. I suggest you use that to change the color for the arrow part of the interaction since I am on a free plan I had to use two arrows as you can see in the structure.

you can watch this video on how to do that

Hope it helps :peace_symbol: