What is the difference between transition and animation?

Transform: Deformation of elements;

Transition: controls the changes (time, etc.) of a certain attribute or multiple attributes of an element, similar to the Flash compensation animation. But there are only two key points. Start and end.

Animation: controls the changes (such as time) of an element's attributes or multiple attributes, similar to Flash's compensation animation. You can set multiple key secrets.

 

Transition and Animation:

Transition needs to trigger an event, while animation can explicitly change the attribute value of the element CSS over time without triggering any event, to achieve an animation effect.