使用webkit动画时白屏闪烁

最近使用transition做动画效果时,鼠标一经过页面直接白屏,试了一下,只有webkit的核心的浏览器有这个状况,搜索一下已经不是最近才出现的bug,可能一时半会这个bug不会更新掉了。

解决办法:

  1. -webkit-backface-visibility: hidden;
  2. -webkit-transform: translate3d(0,0,0);
  3. -webkit-transform-style: preserve-3d;
Comments
Write a Comment