为啥我的图像在悬停时摆动？

Posted 2023-05-08

【中文标题】为啥我的图像在悬停时摆动？

【英文标题】：Why does my image wiggle on hover?为什么我的图像在悬停时摆动？

【发布时间】：2012-08-13 05:54:05

【问题描述】：

谁能帮我理解为什么http://www.alternativeradio.org/pages/free-downloads 的视频图像（而不是播放图标）在我鼠标悬停时向上摆动一个像素然后向下摆动一个像素，然后当我鼠标悬停时又向下摆动一个像素？在 Firefox 上效果较慢，因此可能与 CSS 过渡有关。

【问题讨论】：

我的猜测是在 :hover 规则中出现或消失的边框——无论是在图像上还是在链接上。我无法在 Chrome 中重现该问题。

Chrome 是我第一次注意到效果的地方。我在 27" iMac 上使用最新版本 (21.0.1180.79)。锚点、图像或包含的跨度没有边框。我认为这是不透明度和过渡的错误，因为如果我禁用其中任何一个，抖动摇摆不定了。

【参考方案1】：

在使用 CSS 过滤器和过渡的图片库中遇到了同样的问题。通过this answer. 的帮助摆脱了不必要的摆动

【讨论】：

我没有问题了，但是谢谢！ @RadimKöhler 这个答案没有链接到外部网站，它链接到一个有用的答案。