html - CSS3 动画 - 在每个循环中停止

Question

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

在这种无限循环的情况下，我想在每次循环后停止一秒钟。（在环模型中）。当我使用延迟时，它会在动画开始时停止。如何在每个循环开始时延迟？

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

Answer 1

不确定您是否需要在这里延迟；不要使用关键字值“from”和“to”，而是使用百分比（以毫秒为单位）；我拿了那个演示并实现了这个；idk，如果它正是你想象的那样，但它在每次旋转后都会停止。您可以在限制中添加更多/更少的百分比，以获得所需的效果：

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