CSS关键帧动画类似于Stop Motion

Question

我需要使用关键帧动画来移动精灵表的背景位置.但是,我不想要动画,我想要一帧一帧的硬框架,类似于gif.

任何想法如何实现这一目标？

非常感谢!

Answer 1

关键是css计时功能.停止运动帧对应于步骤功能.

animation-timing-function:steps(n);

[代码示例:css定格动画] https://groups.google.com/d/msg/css-animation-art/d6Y83Sv8M4g/yyTAG7oK160J

[演示] http://webchain.oreilly.tw/boohover/csslabs/properties/css-animate-effect-1.html#stop-motion-animation