“forcing a thing into a 3D space” is something you’re sometimes forced to do in order to solve 3d transform bugs and zindex bugs. Here, it solved my issue, but I don’t really know why or if there’s a better method.
What I could witness is that along my interaction, the element containing the starry skies, that is moving lateraly, jumps over the title. I set up the starry skies at opacity 50% and I could see the title going behind, even though it has a higher z-index than the skies.
So in order to try to make chrome to stop doing that, I tried 3D transform, to give more power to my title. I could have displace my element 1px on the z axis, but I chose something else, giving self pespective to the element, it’s a 3D property that doesn’t displace the element, but tells chrome (probably) to draw it in a different way, a different space.