html - css3动画逐帧

Question

我需要逐帧更改元素的背景位置的动画。我需要在没有缓动或线性动画的情况下执行此操作，只需更改背景位置。可以用css3动画实现吗？

Answer 1

是的，它是通过新的阶梯函数缓动曲线属性。

代替“ease-in”等使用“step-start”或“step-end”，这将使转换在transition-duration指定的时间段的开始或结束时立即发生。

您还可以有多个步骤：“steps(N, start | end ])”，它将在等间距的步骤中发生转换。

AFAIK 迄今为止，这仅在 Chrome 中受支持。