Плавное подчеркивание ссылки при наведении на чистом CSS

Как сделать эффект подчёркивания при наведении на ссылку? Очень просто. В этом видео я расскажу, как сделать анимацию подчеркивания ссылки с использованием псевдоэлемента.

Если есть вопросы, то задавайте в комментариях.

#вордпресс #wordpress #сайт #дизайн

[Itasha]

до сих пор актуально! Благодарствую, очень помогли)

[alexdjeims]

Из-за чего не получается подключить стили? Ситуация такая, создаю папку на рабочем столе в ней создаю два текстовых документа один с расширением html, второй как у вас style.css пишу в коде первого название второго как показывают в обучающих видео на ютуб, а стиль из него не работает.Открываю с помощью chrome. И со ссылкой на локальный документ почему то, переход не получается, хотя документы хранятся в одной папке. Код сразу показывается в браузере как он написан в блокноте. На объекты в сети ссылки сразу работают и переход получается.

[alexbremen]

круто, то что нужно. а можно уменьшить скорость линии обратно, когда пользователь убрал курсор?

[appo]

Здравствуйте! Спасибо за урок. Подскажите, пожалуйста, как реализовать возможность фиксации подчеркивания при выборе элемента?
Я пытался это сделать при помощи:
.menu_link:hover:after,
.menu_link:focus:after {
width: 100%;
}
но, к сожалению, фиксации нет.

[Nickola_United]

Это классно, но ваш способ перестаёт работать, если ссылка расположена на нескольких строках

[inkspac]

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

[maxlayne]

а какой редактор кода вы используете в видео?