CSS3 backface-visibility 属性的妙用 解决webkit内核浏览器使用CSS transition或transform动画 导致相关元素或容器闪烁抖动的问题
当你使用transition或transform等动画属性制作特效时,如果发现这些动画导致某些元素或者容器闪烁,抖动时,可以在使用动画属性的元素上(或发生抖动的元素上)添加如下声明:
.transformClass{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
如果出现一些完全不相关的元素也跟着抖动闪烁,可以在body元素上做如下声明:
body{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}