Эффект подчеркивания с помощью CSS3

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

See the Pen RWvzBL by Dmitry (@xozblog) on CodePen.


Чтобы оставаться в курсе свежих статей и уроков подписывайтесь на еженедельную почтовую рассылку или на новостную ленту RSS. Спасибо!