Как сделать полоску над активным пунктом меню css?

Question

[WebforSelf]

Есть такая строка меню и соц сети у которой общий верхний бордер.

Задача такая чтоб при наведении и при активном полоска с активного плавно ехала в направлении того пункта на который наведен. Как реализовать такое? к примеру сейчас на главной (активный пункт) при наведении на услуги. он должен сниматься с главной и плыть вправо к наведеному пункту, убираем мышку, возвращается назад на активнй пункт. Возможно такое реализовать на css? или уже на jquery колдовать?

Comments

[Ankhena]

первое из поиска https://jsfiddle.net/ydeg10p5/

Answer 1

[Сергей delphinpro]

Теоретически, вы можете сделать подобное без использования javascript



Но это не универсальный хардкод.

Поэтому, лучше все же использовать js для позиционирования полоски.