Gradually change the background property:

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

Only background-color, background-position, and background-size are animatable in CSS.

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