详解CSS动画属性关键帧keyframes全解析

从原理上来讲，这是一种视觉欺骗，在极短的时间内在两个位置间发生位移，因为时间短到可以忽略，所以会有一种跳跃的假象。

总结

看完上面的几种代表性实例，是不是对关键帧的定义有了一个全新的认识，你可能会觉得对于“延迟开始”和“提前结束”这两种需求，是完全可以通过定义延迟时间以及动画周期的时间来达到相同的效果的，但是，对于一个无限循环的动效而言，延迟开始永远只作用一次，当动画一旦开始进入周而复始的循环后，不再支持这个属性设置。因此，如果可以的话，尽量用关键帧的定义来完成。