How to make moving border-bottom when hovering over menu items?

Question

css

Help make a moving border-bottom for the menu on the site. So that when you hover over the points, it does not just appear, but smoothly moves.

Answer 1

My option .

Answer 2

You can also look at the Hover library - in the Border Transitions section there is something similar, but you need to finish it

Answer 3

the transition property is used for animation. for complex animations www.w3schools.com/css/css3_animations.asp
if I understand your requirement correctly, then the code that implements the described effect can be found here jsfiddle.net/psj9a3y7

Answer 4

Here
's another one, if you want to initially make it invisible.