Я сталкиваюсь с этой популярной проблемой 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;
Но ни один из них не работал для меня.
Важно отметить, что это происходит при первой загрузке или когда инструмент Google Chrome Dev открыт с опцией «отключить кэш» на вкладке сети.
Скриншот здесь
jsFiddle
Любая помощь приветствуется!