Gradually change the border property:

The border property is a shorthand property for all border properties.

See individual border properties to see which is animatable.

Note: CSS Animations do not work in Internet Explorer 9 and earlier versions.