これは数日間私を迷惑にしていたものです。Webkit Wobble - スプライトシーケンスバグ?
私はボタンでスプライトシートを使用しています。ホバー上でシーケンスを再生する/何か問題はなく、素晴らしいです(リンクの画像は簡単な例です)。私はまた、そのシーケンスがマウスアウト時にリバースするようにしたいとしましょう。これはFirefoxでうまくいきます。クロムとサファリの場合、画像は逆順で のシーケンスを再生すると「ぐらつく」ように見えます。
この例では、問題の迅速なモックアップを示しています。画像の上にマウスを置くと、シーケンスが再生されます。マウスを離すと元に戻します。 Firefoxではこれはうまく見えますが、Webkitブラウザではうねってしまいます。
画像シーケンスに問題はありません。コードはwebkitとmozで同じです...私はバグだと判断できます。
明らかに、追加の15個のこの場合、シーケンスが逆転しているフレームを含めることはできますが、無駄なリソースの無駄に見えます。
誰でもこの問題を解決する方法を知っていますか?私は、複数のスプライトシート、アニメーションを活性化するさまざまな方法、および異なるWebkitアニメーション設定を試しました...問題は、右から左へ画像を再生するように設定されている場合にのみ発生します。逆に。
私はWebkitサイトで報告しましたが、ほとんどの人が気にならないほど簡単な問題ではないので、いつでも修正は予定されていません。うまくいけば、画像に余分なフレームを追加しなくても、これを回避する方法を見つけることができます(小さな問題を許容することは明らかに問題外です...) – Sasha
多くの人がステップのものを使用していないので、ひどくテストされていない。非常に真実、マイナーな問題は最悪です:) –