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

Буду использовать бложек как записную книжку для всяких интересных рецептов.

[code language=»css»]
background-image: linear-gradient(45deg,#ffc08c,#aa278c 30%,#0ecad4);
background-position: 0 100%;
background-repeat: repeat-x;
background-size: 100% 2px;
[/code]

Если на словах: рисуем фоновый градиент, смещаем и ограничиваем видимую область заливки.