これは、数日間私を悩ませてきたものです。
ボタンに使用されるスプライトシートがあり、ホバー/クリック/何でも問題なくシーケンスを再生し、見栄えがします(リンクの画像はもちろん簡単な例です)。マウスアウトでそのシーケンスを逆にしたいとしましょう.Firefoxではこれはうまくいきます. ただし、Chrome と Safari では、シーケンスを逆再生すると画像が「ぐらつく」ように見えます。
この例は、問題の簡単なモックアップを示しています。マウスを画像の上に置くとシーケンスが再生され、マウスを離すと逆になります。Firefox では問題ないように見えますが、Webkit ブラウザーではぐらつきます。
画像シーケンスに問題はありません。コードは webkit と moz で同じです...これはバグだとしか言えません。
明らかに、追加の 15 個のフレーム (この場合はシーケンスが逆になっているフレーム) を単純に含めることができますが、それはリソースの不必要な浪費のようです。
この問題を解決する方法を知っている人はいますか? 複数のスプライト シート、アニメーションを有効にする複数の方法、およびさまざまな Webkit アニメーション設定で試しました...問題は、画像を右から左に再生するように設定されている場合にのみ発生します。逆に。