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

Question

[urajo]

Как сделать эффект ховера и т.д с плавающим выделением? Т.е обычно когда мы посещаем сайты меню выделяет конкретный блок(цвет, подчеркивание и т.д) и все это в рамках одного блока. Мне интересно как сделать элемент допустим подчеркивание, что бы при ховере на конкретный элемент меню - он плавно подъезжал под него, и при клике - фиксировался под ним. Как это реализовать?

Answer 1

[Фёдор]

Через ::after ::before

Comments

[urajo]

и как через это реализовать плавное перемещение от одного блока к другому?

[Фёдор]

urajo, добавить свойство transition

[urajo]

Фёдор, ок и как его тогда переместить под нужный пункт меню?