首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >由于Chrome中的mix-blend-mode属性导致动画延迟

由于Chrome中的mix-blend-mode属性导致动画延迟
EN

Stack Overflow用户
提问于 2017-09-27 05:40:48
回答 1查看 457关注 0票数 0

如果你启动Chrome并在全屏模式下查看我的小提琴,你会发现动画效果很慢。div在向下滑动时会有一点滞后,而文本在向上滑动时会有一点滞后。如果您将浏览器的大小调整为较小,动画将播放得很好。另外,我的动画在Safari中播放得很好。

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

有什么问题吗?谢谢。

fiddle

fiddle in fullscreen mode

EN

回答 1

Stack Overflow用户

发布于 2017-09-29 02:10:28

我必须在动画运行完成后应用mix-blend-mode属性,以避免延迟。我是用javascript实现的。

代码语言:javascript
复制
$(".light-leaks").hide();

    setTimeout(function() {

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

     }, 7000); 
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46436281

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档