GSAP 的 CSS3DObject 渲染问题

CSS3DObject Render Issues with GSAP

我有一个主 div,它使用 CSS3DObject 放置在平面几何上......我有两个子 DIV,例如 section1 和 section2 在主 div 中,它们一个接一个地放置......我有这个简单的 GSAP 动画,其中 section1 以不透明度隐藏,而 section2 显示......一切都很好,但唯一的问题是,在动画完成之前,一切都变得模糊。

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

谢谢。

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

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

像这样:

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

干杯!