新！ 我的 44 页电子书“44 分钟掌握 CSS”已发布！😃
#animation-timing-function
定义了如何计算动画的开始和结束之间的值。
默认 animation-timing-function: ease;
动画开始缓慢，在中间加速，并在结束时减速。
animation-timing-function: ease-in;
动画开始缓慢，并逐渐加速到结束。
animation-timing-function: ease-out;
动画开始快速，并在结束时逐渐减速。
animation-timing-function: ease-in-out;
类似于ease，但更明显。
动画开始快速，并在结束时逐渐减速。
animation-timing-function: linear;
动画具有*恒定速度。
animation-timing-function: step-start;
动画立即跳转到最终状态。
animation-timing-function: step-end;
动画停留在初始状态，直到结束，此时它立即跳转到最终状态。
animation-timing-function: steps(4, end);
通过使用带整数的steps()，您可以定义到达结束之前的特定步骤数。元素的状态将不会逐渐变化，而是跳跃到各个状态的单独时刻。