动画 ​

transform 用于元素旋转、缩放、移动、倾斜等效果

transition 用户较为单一的动画

animation 用于较为复杂、有中间态的动画

参考资料 ​

• animation、transition、transform 的区别
• CSS animation 与 CSS transition 有何区别？
• CSS（二）Transition & Animation