Chrome CSS图片转换会影响其他元素

时间:2013-01-17 19:22:17

标签: html css google-chrome css-transitions

我有一个菜单,图片作为按钮的背景,可以悬停动画 问题在于,当我将鼠标悬停在图像上并进行动画处理(放大和旋转)时,页面上的其他元素会在没有明显原因的情况下增加几个像素。

我已经创建了一个JSfiddle,希望我可以重现我网站上存在的错误(页面上的其他图像被移动)并且仍然会给你一个不太长的代码。

结果:嗯...而不是获得高音的图像是JSfiddle result文本无缘无故地移动,而CSS中的滚动条闪烁。

http://jsfiddle.net/AaXyV/1/

YouTube DEMO VIDEO在第二个0:10

错误?修复

尝试:Chrome浏览器24.0.1312.52米,在其他浏览器(包括Safari)中似乎工作正常。

1 个答案:

答案 0 :(得分:2)

我无法重新创建抖动结果范围,但我确实看到了闪烁的滚动条。看起来它可能是一个已知的错误:

Issue 139928: CSS transition on the width of an element with display "inline-block" causes jitter