最近同事在使用 css3 的 transition + tranform 的时候影响了相邻的元素出现bug。或者说相邻的元素出现抖动bug。
然而把 hover 状态的 tranform 属性删了后,发现bug消失,因此断定是其引起的bug。至于 transition + 其他非css3属性会不会有此bug,就不得而知了。有空测试了再告知,如果有哪位大虾测试过,可以留言告知。
解决办法:
/* 设置进行转换的元素的背面在面对用户时是否可见:隐藏 */
-webkit-backface-visibility: hidden;
/*设置内嵌的元素在 3D 空间如何呈现:保留 3D*/
-webkit-transform-style: preserve-3d;