2

一度再生して終了し、最後のフレームで保持したいスプライト アニメーションがあります。反復回数を 1 に変更して、塗りつぶしモードに追加しようとしましたが、どちらも機能しませんでした。どんな情報やアイデアも役に立ちます。

このcss3スプライトメソッドを使用しています。http://jsfiddle.net/simurai/CGmCe/light/

-webkit-animation: crouch 1.2s steps(2, end) 1;

4

2 に答える 2

1

JavaScript を使用せずに最後のフレームでアニメーションを停止する方法はありません (または単にスプライト アニメーション ツールキットを使用することもできます。

次のことを行うには、javascript を使用する必要があります。

  1. スタイルが要素に適用されているかどうかをテストbackground-position== 500px. これは簡単かもしれませんし、そうでないかもしれません。javascript を使用して変更された属性でイベントを発生させることはできますか? そうでない場合は、タイマーを使用して繰り返しテストする必要があります
  2. animation-play-state:pausedJavaScriptを使用して上記の条件に設定します。

また：

いくつかのスプライト アニメーション スクリプトを見つけることができます。これにより、アニメーションをより詳細に制御できることは間違いありません。

アップデート：

属性のテストを簡単にするために (setInterval を使用せずに - いくつかの優れたトリックを使用します - jQuery のプラグインを使用できます。

ここに突然変異イベントに関するSOの質問があります

于 2013-07-10T07:27:37.813 に答える