CSS3悬停效果会对Chrome中的其他元素产生奇怪的影响

Question

我刚刚用CSS3悬停效果设计了我的一张图片:http://tympanus.net/Tutorials/OriginalHoverEffects/index2.html

问题是，在Chrome中，页面上的一些其他元素似乎受到这种悬停效果的影响。例如，当我将图像悬停时，我的顶部菜单项链接向右移动5px，并在悬停效果结束时再次移动。另外，一些块引用元素也会受到这种影响。就好像这些其他元素被CSS3的过渡效果以某种奇怪的方式赋予了一个"padding"值…

我在IE和Firefox中没有看到这些问题，所以这个问题似乎只在Chrome中存在。

你们有经历过类似的事情吗?

Answer 1

我只需要应用:-webkit-backface-visibility: hidden;