Здравствуйте.
Имеется задача сделать меню.
Меню будет на одностраничном сайте, а пункты меню будут подгружать контент на страницу, итак:
Меню такого типа:
Суть такова:
Только при ховере на пункты меню (кружочки) до них должна доезжать линия (она кстати градиент от кружочка до кружочка), линия начинает движение от начального состояния, проходя через кружочек подсвечивает его.
Линия(соединяющая кружочки) так же может уменьшаться, если был выбран 6ой пункт а мы наводим на 3ий
"Линия должна как бы двигаться за мышкой гася или зажигая пункты"
Подскажите как такое реализовать...
я попробовал, чот слишком много когда для такой, на первый взляд не сложной задачи
codepen.io/untca/pen/gPJNPx
Подскажите алгоритм, или похожую реализацию где...
Заранее благодарен за овтет