12
CSS过渡效果会导致图像模糊/在Chrome中将图像移动1px？
我有一些CSS，悬停时CSS过渡效果会移动div。 正如您在示例中看到的那样，问题在于translate过渡具有可怕的副作用，即使div中的图像向下/向右移动1px（并且可能会略微调整大小吗？），以至于它看起来不合适并没重点... 毛刺似乎一直在应用悬停效果的整个过程中，并且从反复试验的过程中，我可以肯定地说，似乎仅在平移过渡移动div时才出现（框阴影和不透明度也适用，但对删除后的错误）。 仅当页面具有滚动条时，才会出现该问题。因此，仅使用一个div实例的示例就可以了，但是一旦添加了更多相同的div，并且页面因此需要滚动条，问题就会再次出现。