Мое изображение мерцает при наведении

Question

Итак, у меня есть несколько изображений с фильтром размытия, и когда я нахожу их над собой, он мигает, мигает, когда я снова кладу мышь, когда снимаю ее. У меня была эта проблема, казалось бы, случайно, как это происходит на компьютерах, на которых я нахожусь, но в других случаях это случайно.

Я уже пробовал backface-visibility: visible|hidden|initial|inherit; Я уже попробовал -webkit-transform: translateZ(0) scale(1.0, 1.0); Я уже попробовал -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;

ни один из которых не имел никакого эффекта. вот мой код https://jsfiddle.net/leothetinyninja/wjnzof9x/ Скажите, пожалуйста, если вы знаете, в чем проблема.

Answer 1

Исправлено: я добавил filter: blur(0.5px); к значению по умолчанию, поэтому оно всегда по крайней мере так и, кажется, исправило его.Спасибо всем за ответы, хотя

Answer 2

Попробуйте добавить 1-секундный переход для вашего наведения.Это либо исправит это, либо даст вам лучшее представление о том, что происходит.