What is the meaning of this property?

Question

css

From an example mdna.

What is the point of specifying such a transition property here?
(yes trying in animation)
https://jsfiddle.net/rauzsx9k/1/

Answer 1

To explicitly specify the property to be animated and not load the browser

Answer 2

To avoid conflicts with other animations, it's better to specify the transition-property explicitly rather than animate everything. This will make it easier to maintain the project. For example, the background changes on the hover using css. And if you don't specify transition-property: background; then with another animation, for example, content when scrolling through js, a hover transition will be applied, which is not desirable.