• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

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

css3 来源:brewpixels 4次浏览

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

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

什么问题?谢谢。

fiddle
fiddle in fullscreen mode

===========解决方案如下:

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

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

    setTimeout(function() { 

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

    }, 7000); 

版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)