Анимация border-top

Постепенно изменяйте свойство border-top:

Border-top - это сокращенное свойство для всех свойств border-top.

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