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