probleme css rotateY() and opacity/position, can I use GSAP or would it be overkill ?

September 5, 2019

probleme css rotateY() and opacity/position, can I use GSAP or would it be overkill ?

Hello, I have a problem not related to GSAP, I don't find any solution, I asked on 3 forums (+stackoverflow) and didn't find any answer. I already used GSAP on my webpage for a small animation and I was wondering if it could help me with this problem or if it would be overkill to use GSAP (performance/ressources). I tried to document my problem on stackoverflow (if someone want to read more details) : https://stackoverflow.com/questions/57784926/why-using-opacity-or-a

By Demky, September 5, 2019
9 replies

Changing opacity or a transform creates a new stacking context. https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context It's due to how browsers render opacity and transforms. I tried to explain to what's going on here. The question was about z-index, but it's the same issue.