使用 Transition CSS 时 iPhone 上的闪烁问题
Flickering issue on iPhone when using Transition CSS
关于 iPhone 使用 Transition CSS 时的闪烁问题,例如这个 link:iPhone WebKit CSS animations cause flicker
我的问题是“-webkit-transform:translate3d(0,0,0);}”究竟是什么在概念上解决了这个问题?
声明 -webkit-transform:translate3d(0,0,0);}
激活 hardware acceleration:iOS 使用其 GPU 而不是 CPU,结果更流畅。
在 3 个方向上平移 0 个像素不会改变像素的位置,因此它是安全的,除非它覆盖了现有的变换。
编辑:几年来它一直是激活 GPU 的一种方式,但是 - 扩大你的问题 - 它不是唯一的方式,Chrome 正在改变或已经改变了它的 compositing/layer 系统。我没有完全遵循这些更改或激活它的新方法,但是通过查看 Paul Irish 在 YT 上的演示、Chromium 博客 Google Devs or html5rocks
,您会学到很多东西
关于 iPhone 使用 Transition CSS 时的闪烁问题,例如这个 link:iPhone WebKit CSS animations cause flicker
我的问题是“-webkit-transform:translate3d(0,0,0);}”究竟是什么在概念上解决了这个问题?
声明 -webkit-transform:translate3d(0,0,0);}
激活 hardware acceleration:iOS 使用其 GPU 而不是 CPU,结果更流畅。
在 3 个方向上平移 0 个像素不会改变像素的位置,因此它是安全的,除非它覆盖了现有的变换。
编辑:几年来它一直是激活 GPU 的一种方式,但是 - 扩大你的问题 - 它不是唯一的方式,Chrome 正在改变或已经改变了它的 compositing/layer 系统。我没有完全遵循这些更改或激活它的新方法,但是通过查看 Paul Irish 在 YT 上的演示、Chromium 博客 Google Devs or html5rocks
,您会学到很多东西