【问题标题】:CSS3DObject Render Issues with GSAPGSAP 的 CSS3DObject 渲染问题
【发布时间】:2021-11-23 19:39:57
【问题描述】:

我有一个主 div,它使用 CSS3DObject 放置在平面几何体上……我在主 div 中有两个子 DIV,例如 section1 和 section2,它们一个接一个地放置……我有一个简单的 GSAP 动画,其中 section1 隐藏了不透明度并且 section2 出现了……一切都很好,但唯一的问题是,在制作动画时,一切都会变得模糊,直到动画完成。

参考视频: https://streamable.com/mzq71i

谢谢。

【问题讨论】:

  • 请澄清问题并提供minimal reproducible example,以便我们运行和测试它
  • 请提供足够的代码,以便其他人更好地理解或重现问题。

标签: animation three.js gsap


【解决方案1】:

对于像我这样未来可能面临同样问题的人......

我找到了解决方案。只需在你的 gsap 动画中写上force3D:false 这个

像这样:

gsap.to(".class", {opacity: 1, duration: 2, force3D:false})

干杯!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-11-07
    • 2023-03-03
    • 2023-03-30
    • 2020-10-18
    • 2020-04-25
    • 2014-09-14
    • 2017-07-15
    • 1970-01-01
    相关资源
    最近更新 更多