How can I do this sliding underline

[Crespo]

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!

[Crespo]

Can somebody help me ?

[dennyhartanto]

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

[Crespo]

Hey! It still works for me.

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

[dennyhartanto]

Hmm actually you can start with the Codepen example.

1. Create an element with this structure
   

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.