How can I do this sliding underline

Hey Webflow forum!

I’m trying to make this animation in a navbar, but I have no idea how to do this. Can anyone show me how to complete this ?

Thank you!

Can somebody help me ?

Hey @Crespo, your codepen link is broken. Can you try embedding it again?

Hey! It still works for me.

« https://codepen.io/rm/pen/ldhon »

Hmm actually you can start with the Codepen example.

  1. Create an element with this structure
    Screen Shot 2020-05-01 at 02.48.07

  2. Copy all the CSS into the Custom Code portion in page settings section. You may need to adjust these values based on the current page.
    Screen Shot 2020-05-01 at 02.48.01