CSS3动画 - 停止@每个循环

时间:2012-05-31 07:06:04

标签: html5 css3

我试图理解CSS3动画。 我举了例子: morphing-cubes

在这种无限循环的情况下,我希望在每次循环后停止一秒钟。 (在环模型中)。当我使用延迟时,它会在动画开始时停止。如何在每个循环开始时给出延迟?

我使用了缓出选项,它有一种停止的感觉,但立即开始。

1 个答案:

答案 0 :(得分:0)

不确定你是否一定需要延迟;而不是使用关键字值“from”和“to”,使用百分比(指示毫秒);我拿了那个演示并实现了这个; idk如果它正是你想象的那样,但它在每次旋转后停止。您可以添加更多/更少的百分比到限制,以获得所需的效果:

http://jsfiddle.net/jalbertbowdenii/MLfyv/