Как сделать такой эффект hover?

Question

[BadassRolf]

Вот такой
При наведении на ссылку

Answer 1

[blolg]

При помощи псевдоэлемента. Задать ему ширину 0, а при ховере 100%. А также transition: width 0.2s ease 0s (как в приведённом примере) и z-index: -1.

Comments

[Ленар Фаттахов]

Не забудьте про смену цвета шрифта через transition

Answer 2

[Vanya Semeschuk]

Вот тут есть похожие и красивые эффекты