Transform Length and event duration

1. What is the difference between duration for a transition and duration for an animation?
2. What does transition-duration do?

What is the difference between duration for a transition and duration for an animation?

The animation property allows you to change the properties of an element over a specific duration, while transition defines how an element changes over a specific duration.

What does transition-duration do?

The transition-duration CSS property sets the length of time a transition animation should take to complete. By default, the value is 0s , meaning that no animation will occur.