css - 如何在 CSS 中动画的不同关键帧上开始不同的元素

Question

如果我有一个 CSS 动画，并且我想创建该动画的各种实例，但从动画的不同阶段开始，我该如何指定它。

我想象过这样的事情，第二个 webkit 行是伪代码：

 #cell1
  {
      width:100px;
      height:100px;

       -webkit-animation: pulse 35s infinite alternate;
       -webkit-animation: pulse start at 25%;
  }

Answer 1

据我了解规范，负值animation-delay可以解决问题：

http://www.w3.org/TR/css3-animations/#animation-delay

如果 'animation-delay' 的值为负时间偏移，则动画将在应用它的那一刻执行，但似乎已在指定的偏移处开始执行。也就是说，动画将出现在其播放周期的中途开始。在动画具有隐含起始值和负“动画延迟”的情况下，起始值从应用动画的那一刻起获取。

编辑：确实，这适用于我的铬：http: //jsfiddle.net/GvUzX/