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