Постепенно изменяйте свойство border-bottom:
Свойство border-bottom является сокращенным свойством для всех свойств border-bottom.
Смотрите отдельные свойства border-bottom, чтобы увидеть, какие из них можно анимировать.