首页 > web前端 > css教程 > 为什么我的 CSS 动画在 iPhone 上闪烁,如何修复?

为什么我的 CSS 动画在 iPhone 上闪烁,如何修复?

DDD
发布: 2024-12-06 03:42:09
原创
709 人浏览过

Why is My CSS Animation Flickering on iPhone, and How Can I Fix It?

iPhone WebKit 中的 CSS 动画闪烁

在 iPhone 应用程序中,游戏中使用的 CSS 动画导致闪烁。当元素在滚动后卡入到位时会发生闪烁。唯一使用的 WebKit 动画用于过渡(即时或 0.2 秒缓出)和翻译。

单击“匹配项目”,然后单击“再次播放”后,配件/钱包的整个背景变成白色在枪支滚动动画期间。

解决方案:

添加-webkit-backface-visibility 有助于减少闪烁,但重新加载页面后初始闪烁仍然存在。完整的解决方案包括添加 -webkit-perspective: 1000。有了这个附加属性,闪烁就被消除了。

解决问题的代码:

以上是为什么我的 CSS 动画在 iPhone 上闪烁,如何修复?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板