Chrome在转换过程中仍然会闪烁

时间:2018-05-10 09:34:52

标签: css google-chrome css-transitions flicker

我正面临Chrome的这个热门问题,我将filter:blur(8px)应用于图片悬停,当悬停效果开启/关闭时,图片会闪烁。

在发布之前,我做了搜索并尝试添加以下选项:

-webkit-backface-visibility: hidden;

或:

-webkit-transform: translate3d(0, 0, 0);
-webkit-transform-style: preserve-3d;
-webkit-transform: translateZ(0);
-webkit-perspective: 1000;

但这些都不适合我。

重要的是要注意它是在第一次加载时发生的,或者当使用网络选项卡下的“禁用缓存”选项打开谷歌浏览器开发工具时。

Screencast here

jsFiddle

感谢任何帮助!

0 个答案:

没有答案