Данный сниппет позволяет реализовать достаточно занимательный эффект для ссылок. При наведении курсора, текст будет плавно подчеркнут слева направо. Имитация линии подчеркивания осуществляется с помощью псевдоэлемента ::after, более подробно о них https://xozblog.ru/2012/09/before-after-css/. А благодаря свойству CSS3 transition все приводится в движение)
Вот CSS:
See the Pen RWvzBL by Dmitry (@xozblog) on CodePen.
Источник статьи/урока: https://xozblog.ru