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})
干杯!
我有一个主 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})
干杯!