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.