相关疑难解决方法(0)

在更改chrome中的过滤器时,图像会在悬停时移动

我有一个图像,当我在悬停时模糊它,它稍微移动,就像图像在它的位置抖动,问题只发生在chrome(测试时使用:chromium 63 linux-x86_64),

.item img{
  transition: 250ms all ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.item:hover img{
  filter: blur(2px)
}
Run Code Online (Sandbox Code Playgroud)

我认为它可能与这个问题有关,但没有一个解决方案有效.

图像在悬停时移动

更新:

正如@Chase所说,这是一个chrome bug,最稳定的解决方案是等待它被修复.但就目前而言,这个问题的最佳解决方案是@kosh Very的答案

css google-chrome css-transitions css-filters

17
推荐指数
2
解决办法
3056
查看次数

标签 统计

css ×1

css-filters ×1

css-transitions ×1

google-chrome ×1