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: . It’s the menu that reads “ABOUT CONTACT FACEBOOK INSTAGRAM TWITTER.” Does anyone have any guidance on how to achieve this effect?

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.


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: