I've got an issue with this website : http://nousprochesaidants.com/#carte
The website is built mainly with SVG and animated with the GSAP library.
For some reasons, I've got some rendering issues on chrome, even the latest version.
You can see an image example here : https://thomas-dev.com/images/opacity-nok.jpg
As you can see on triangles on background, opacity is not properly rendered on the left, but well rendered on the right side...
Chrome seems to not render opacity attributes on some computers, as if it needs more memory/cpu to do that...
How can I debug it, and do you have any idea of what happen here ?
Thank you !
Quick workaround: Remove the will-change: opacity;
from #app #particles-js {}
.
I wish I could reproduce this in a small static example. But it is resisting me. There must be another factor at play, perhaps script related, that is triggering the bug.
I am sure the Chrome folks would appreciate it if you could post a copy of the broken version your site somewhere. Then file a bug for them at http://crbug.com.