我有一个菜单,图片作为按钮的背景,可以悬停动画 问题在于,当我将鼠标悬停在图像上并进行动画处理(放大和旋转)时,页面上的其他元素会在没有明显原因的情况下增加几个像素。
我已经创建了一个JSfiddle,希望我可以重现我网站上存在的错误(页面上的其他图像被移动)并且仍然会给你一个不太长的代码。
结果:嗯...而不是获得高音的图像是JSfiddle result
文本无缘无故地移动,而CSS中的滚动条闪烁。
YouTube :DEMO VIDEO在第二个0:10
错误?修复
尝试:Chrome浏览器24.0.1312.52米,在其他浏览器(包括Safari)中似乎工作正常。
答案 0 :(得分:2)
我无法重新创建抖动结果范围,但我确实看到了闪烁的滚动条。看起来它可能是一个已知的错误:
Issue 139928: CSS transition on the width of an element with display "inline-block" causes jitter