2

CSSアニメーションがあり、そのアニメーションのさまざまなインスタンスを作成したいが、アニメーションのさまざまな段階から開始したい場合、どのように指定できますか。

私はこのようなものを想像しました、2番目のWebkit行は擬似コードです：

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

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

1 に答える 1

5

私が仕様を理解しているように、負の値animation-delayはトリックを行います：

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

「animation-delay」の値が負の時間オフセットの場合、アニメーションは適用された瞬間に実行されますが、指定されたオフセットで実行が開始されたように見えます。つまり、アニメーションは再生サイクルの途中から始まるように見えます。アニメーションが開始値と負の 'animation-delay' を暗示している場合、開始値はアニメーションが適用された時点から取得されます。

編集:確かに、これは私のクロムで動作します: http://jsfiddle.net/GvUzX/

于 2013-02-19T10:56:04.683 に答える