Exit direction on hover out

Hi everyone, would like some pointers on this animation issue.

I would like to make my underline animation exit to the right when hovering out

Here is my public share link: LINK
(how to access public share link)

Hi @KMGan

Add a new Div Block with Overflow Hidden like in the image below

Put the Underline Div inside and set Width to Auto then open the interaction panel and set the underline Move to -100% as initial state then at 0% like in the images below

After this go on hover out and set the Underline Div to Move 100% and again Underline with Move -100% Like in the images below

Hope iā€™m clear, my english is not very good :slight_smile:

Let me know

1 Like