Анимированное подчеркивание ссылок:

Анимированное подчеркивание ссылок:

by Sergey khorev

HTML

<p>13. Адаптируйте код к условиям. Чрезмерная абстракция с целью достижений «лучших практик» может привести к увеличению <a href="https://apptractor.ru/develop/grigoriy-petrov-tehnicheskiy-dolg-i-kak-ego-otdavat.html">технического долга</a> в долгосрочной перспективе.</p>

CSS

p a {
  box-shadow: inset 0 -3px 0 #60a710;
  text-decoration: none;
  color: #333;
  transition: all .25s;
}

p a:hover {
  background-color: #60a710;
}