动画滞后，由于混合，混合模式属性在Chrome

Question

如果启动Chrome和检查我在全屏模式下小提琴，你会看到动画是laggy。 div滑落一点，文字滞后一点点。如果您将浏览器的大小调整得较小，则动画效果会很好。另外我的动画在Safari中运行良好。

如果删除.light-leaks类，它包含了mix-blend-mode属性，动画将运行正常。

什么问题？谢谢。

fiddle
fiddle in fullscreen mode

Answer 1

我有动画完成了运行得避免滞后应用mix-blend-mode财产。我用javascript做到了。

$(".light-leaks").hide(); 

    setTimeout(function() { 

     $(".light-leaks").fadeIn(2500); 

    }, 7000);