The CSS property
transition-property lets you choose which CSS properties can be transitioned. Here is a link to a large list of all the CSS properties that can be used. https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties.
In our case here, we can selectively allow
background-color to transition. For example, a value of
width, height allows transitions for
height but not for the
A value of
all allows every possible CSS property to be transitioned.