PankovAlxndr
@PankovAlxndr
Fullstack web developer

Как сверстать (анимация) такое меню?

Здравствуйте.

Имеется задача сделать меню.
Меню будет на одностраничном сайте, а пункты меню будут подгружать контент на страницу, итак:

Меню такого типа:
573861e067de4ed6926285b173bff077.jpg

Суть такова:
Только при ховере на пункты меню (кружочки) до них должна доезжать линия (она кстати градиент от кружочка до кружочка), линия начинает движение от начального состояния, проходя через кружочек подсвечивает его.

Линия(соединяющая кружочки) так же может уменьшаться, если был выбран 6ой пункт а мы наводим на 3ий

"Линия должна как бы двигаться за мышкой гася или зажигая пункты"

Подскажите как такое реализовать...
я попробовал, чот слишком много когда для такой, на первый взляд не сложной задачи

codepen.io/untca/pen/gPJNPx

Подскажите алгоритм, или похожую реализацию где...

Заранее благодарен за овтет
  • Вопрос задан
  • 540 просмотров
Решения вопроса 1
PankovAlxndr
@PankovAlxndr Автор вопроса
Fullstack web developer
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
aliencash
@aliencash
Партизан
Без картинок оч. сложно...
codepen.io/aliencash/pen/bEPJoy
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы