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/

如何在CSS中的动画的不同关键帧上启动不同的元素

1 个答案: