# CSS3DObject Render Issues with GSAP

**URL:** <https://discourse.threejs.org/t/css3dobject-render-issues-with-gsap/30463>\
**Category:** Questions\
**Tags:** gsap, css3d, animation, threejs\
**Created:** [October 2, 2021, 12:35pm UTC](https://discourse.threejs.org/t/css3dobject-render-issues-with-gsap/30463 "2021-10-02T12:35:40Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![whackter](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/whackter/32/20240_2.png) [@whackter](https://discourse.threejs.org/u/whackter)\
**Post date:** [October 2, 2021, 12:35pm UTC](https://discourse.threejs.org/t/css3dobject-render-issues-with-gsap/30463/1 "2021-10-02T12:35:40Z")

</div>

Hello,

I have a main div which is placed on a plane geometry using CSS3DObject… I have two sub DIVs like section1 and section2 inside that main div that are placed one behind another… I have this simple GSAP animation where section1 hides with an opacity and section2 shows up… Everything is working great but the only problem is that while animating everything gets blurred until the animation completes.

Reference Video:

[https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/4/b/4b8f01878fd370cd6153c308c8614740bac78b53.mp4](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/4/b/4b8f01878fd370cd6153c308c8614740bac78b53.mp4)

Kindly help me with this as I want to show GSAP animations in a clear way.

Thank you.

---

<div class="post-metadata">

**Author:** ![whackter](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/whackter/32/20240_2.png) [@whackter](https://discourse.threejs.org/u/whackter)\
**Post date:** [October 3, 2021, 1:47pm UTC](https://discourse.threejs.org/t/css3dobject-render-issues-with-gsap/30463/2 "2021-10-03T13:47:29Z")

</div>

For people like me who may face the same problem in future…

I’ve found the solution. Just write `force3D:false` this in your gsap animation

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

Cheers 😃