为什么我的关键帧计时功能被忽略了?

时间:2014-05-14 16:03:19

标签: html5 css3 css-animations

我有一个包含多行精灵的spritesheet。 我的关键帧工作正常,但用于计时功能。

有39个精灵,所以我需要39个没有“补间”的步骤,但是尽管语法正确,我的步进时间功能会被忽略。

animation: gem 10s steps(39) infinite;

这是一个jsfiddle。 http://jsfiddle.net/Hd5Qy/

1 个答案:

答案 0 :(得分:0)

好的,我发现计时功能是“每帧”,所以通过将步骤设置为1,它只显示一个帧,然后显示下一个没有补间。

animation: gem 10s steps(1) infinite;

检查此更新:http://jsfiddle.net/krazyjakee/Hd5Qy/5/