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