iPhone で CSS アニメーションがちらつくのはなぜですか?どうすれば修正できますか?

iPhone WebKit での CSS アニメーションのちらつき

iPhone アプリケーションで、ゲームで使用されている CSS アニメーションによりちらつきが発生しました。スクロール後に要素が所定の位置にスナップされると、ちらつきが発生しました。使用された WebKit アニメーションは、トランジション (即時または 0.2 秒のイーズアウト) と翻訳のみでした。

[アイテムを一致させる] をクリックし、続いて [もう一度プレイする] をクリックすると、アクセサリー/財布の背景全体が白になりました。銃がスクロールするアニメーション中。

解決策:

追加-webkit-backface-visibility はちらつきを減らすのに役立ちましたが、ページをリロードした後も最初のちらつきは残りました。完全な解決策には、-webkit-perspective: 1000 の追加が含まれていました。この追加プロパティにより、ちらつきが解消されました。

問題を解決するコード:

-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;

以上がiPhone で CSS アニメーションがちらつくのはなぜですか?どうすれば修正できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。