当你使用transition或transform等动画属性制作特效时,如果发现这些动画导致某些元素或者容器闪烁,抖动时,可以在使用动画属性的元素上(或发生抖动的元素上)添加如下声明:

.someclass{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

但是有的时候一些完全不相关的元素也跟着抖动闪烁,可以在body元素上做如下声明:

-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);

不要问原因是什么,我一两句话说不明白。

本篇文章相关标签: