chrome渲染hover状态tranform相邻元素抖动bug

最近同事在使用 css3 的 transition + tranform 的时候影响了相邻的元素出现bug。或者说相邻的元素出现抖动bug。

然而把 hover 状态的 tranform 属性删了后，发现bug消失，因此断定是其引起的bug。至于 transition + 其他非css3属性会不会有此bug，就不得而知了。有空测试了再告知，如果有哪位大虾测试过，可以留言告知。

解决办法：

/* 设置进行转换的元素的背面在面对用户时是否可见：隐藏 */
-webkit-backface-visibility: hidden;

/*设置内嵌的元素在 3D 空间如何呈现：保留 3D*/
-webkit-transform-style: preserve-3d;