css - 网络工具包 : Flicker on CSS Transition with background image

Question

问题描述引用如下例子:http://codepen.io/NilsWe/pen/yoksj

.main 容器的背景在所有 webkit 浏览器的 CSS 转换中闪烁。
任何解决方案，如:

-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-webkit-transform-style: preserve-3d;

好像不行。

还有其他建议吗？

Answer 1

尝试删除

 //-webkit-backface-visibility: hidden;
 -webkit-transform: translate3d(0,0,0);
 //-webkit-transform-style: preserve-3d;

这在过去对我有用。

闪烁也可能是由于未定义被操作元素的大小引起的。确保定义要操作的元素的高度和宽度。