transition或transform导致元素或容器闪烁抖动

知更鸟
知更鸟
知更鸟
站长
2315
文章
0
粉丝
Web前端评论100阅读模式

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

-webkit-backface-visibility: hidden;
backface-visibility: hidden;

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

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

 

本站文章大部分为原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

拖动滑块以完成验证