Google chrome 铬过渡闪光

例如：

在Chrome中，我在设置左div悬停效果的动画时得到了这个奇怪的闪光（鼠标经常进出，你应该会看到）；这在Firefox中不会发生。有什么好办法吗

HTML:

---

我也遇到过类似的问题，我所解决的问题似乎也解决了你的问题。我不确定为什么这通常有效，我也没有找到一个好的解释，或者是否有其他更好的解决方案

但一种方法是添加

背面可见性：隐藏

到

div{}

并且闪光灯应该消失

编辑：您还可以应用

-webkit转换：translate3D（0,0,0）强制硬件加速，这似乎使闪存消失

希望有帮助

<aside>
  <div>Hi</div>
</aside>
<aside class="l"></aside>

html, body { height: 100%; }

aside {
  background: #CCC;
  float: left;
  height: 100%;
  width: 50%; 

  &.l {
   background: linear-gradient(blue,red); 
  }
}

div { 
  background: rgba(0,0,0,0.4);
  margin: 100px auto;
  height: 100px; width: 80%;
  transition: transform 0.2s;

  &:hover { transform: scale(1.1); }
}