為什麼我的 CSS 動畫在 iPhone 上閃爍，如何修復？

iPhone WebKit 中的 CSS 動畫閃爍

在 iPhone 應用程式中，遊戲中使用的 CSS 動畫導致閃爍。當元素在滾動後卡入到位時會發生閃爍。唯一使用的 WebKit 動畫用於過渡（即時或 0.2 秒緩出）和翻譯。

點擊“匹配項目”，然後點擊“再次播放”後，配件/錢包的整個背景變成白色在槍支滾動動畫期間。

解決方案：

新增-webkit-backface-visibility 有助於減少閃爍，但重新載入頁面後初始閃爍仍然存在。完整的解決方案包括添加 -webkit-perspective: 1000。有了這個附加屬性，閃爍就被消除了。

解決問題的程式碼：

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

以上是為什麼我的 CSS 動畫在 iPhone 上閃爍，如何修復？的詳細內容。更多資訊請關注PHP中文網其他相關文章！