css Animation(?)

之前我们学习了transition来进行过渡动画，但是过渡动画有如下的缺点：
 transition只能定义开始状态和结束状态，不能定义中间状态，也就是说只有两个状态；
 transition不能重复执行，除非一再触发动画；
 transition需要在特定状态下会触发才能执行，比如某个属性被修改了；

◼ 如果我们希望可以有更多状态的变化，我们可以使用CSS Animation。
◼ CSS Animation的使用分成两个步骤：
◼ 步骤一：使用keyframes定义动画序列（每一帧动画如何执行）
◼ 步骤二：配置动画执行的名称、持续时间、动画曲线、延迟、执行次数、方向等等