transition(过渡效果)
过渡效果被限制在始末两个状态，这决定了它们会缺少动效那样的细节处理，但同时它实现起来也更容易。
animation(动效)
CSS 动效是一种能够代替过渡效果的更强大的工具。 只要你喜欢，动效可以让你添加很多中间状态，并提供了更高的控制程度，而不必依赖于始末两个状态。
过渡效果被限制在始末两个状态，这决定了它们会缺少动效那样的细节处理，但同时它实现起来也更容易。
CSS 动效是一种能够代替过渡效果的更强大的工具。 只要你喜欢，动效可以让你添加很多中间状态，并提供了更高的控制程度，而不必依赖于始末两个状态。