我正面临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;
但这些都不适合我。
重要的是要注意它是在第一次加载时发生的,或者当使用网络选项卡下的“禁用缓存”选项打开谷歌浏览器开发工具时。
感谢任何帮助!