Как заставить елемент плавно переежать?

Question

[Hyubert]

Здраствуйте, учу нативный js. Здалал такую штуку (при наведении должно переежать под елемент на который навели миш), пока что работает на клике, но вопрос в другом, как заставить линию пережать плавно?

Заранее спасибо

Answer 1

[xutesayor]

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

Comments

[Hyubert]

учу нативный js.

спасибо, но мне бы на чистом js

[xutesayor]

Hyubert: Повесь на пункты меню событие "mouseenter" и меняй положение элемента hr)

[Hyubert]

xutesayor: c mouseenter понятно, вот как плавно менять положения, ведь длина ссылки может быть разной

[Hyubert]

xutesayor: хотя mouseenter что не сработал, в консоли пусто, наведеный елемент undefined

Answer 2

[furashcka]

Мой вариант решения проблемы: https://jsfiddle.net/be44j0g1/6/

Comments

[Hyubert]

не подскажите как обратиться к псевдо елементу after?

[furashcka]

Hyubert: нельзя напрямую... только костыль.

[furashcka]

https://www.google.com.ua/webhp?sourceid=chrome-in...

[Hyubert]

ладно спасибо, буду и дальше ковирять, может что то найду