简述Animation与 Transition的异同 ？

Animation和Transition在CSS中都用于创建动画效果，但它们在多个方面存在明显的区别。

首先，从触发条件来看，Transition通常与如hover等事件配合使用，这些事件会触发动画的开始。相反，Animation则会立即开始播放，不需要等待特定的事件发生。

其次，Animation具有循环性，可以设定循环次数，这使得动画可以重复播放。而Transition则不具备这种循环性，它只会在一次事件触发后执行一次动画效果。

在精确性方面，Animation能够设定每一帧的样式和时间，可以非常详细地控制动画的每一个步骤。Transition则相对简单，它只能设定动画的开始和结束状态，中间的过渡过程是由浏览器自动完成的。

此外，Animation和Transition在与JavaScript的交互方面也存在差异。Animation与JavaScript的交互并不紧密，而Transition则与JavaScript的结合更为强大。通过JavaScript，可以设定需要变化的样式，而Transition则负责将这些样式变化以动画的形式展示出来。

综上所述，Animation和Transition的主要区别在于它们的触发条件、循环性、精确性以及与JavaScript的交互。Animation适用于需要详细控制每一帧样式和时间的复杂动画，而Transition则更适用于简单的事件触发动画，并且与JavaScript的结合更为紧密。