Transform: Transform the element; Transition: Control the change of one or more attributes of the element (time, etc.), similar to flash tween animation. But there are only two key moments. Begin, end. Animation: Control (time, etc.) changes to an attribute or multiple attributes of an element, similar to flash tween animation. Multiple keyframes can be set.
UI front-end framework carefully developed for 5 years! Transition and Animation: Transition needs to trigger an event, and animation can also explicitly change the attribute value of the element CSS over time without triggering any event, thereby achieving an animation effect.