Gradually change the border-top property:
The border-top is a shorthand property for all border-top properties.
See individual border-top properties to see which is animatable.
Note: CSS Animations do not work in Internet Explorer 9 and earlier versions.