Rendering Issues #1
Description
Rendering issues seem more prevalent in chrome, but most are present to some extent across all browsers.
Gap between triangles
- The size of the gap is largest in chrome
- Expanding all the triangles by 1px makes it ugly in a different way 😂
- Increasing the size of the models and adding
transform: scale()to the parent does scale the issue down (but costs rendering budet)
Rogue artifacts across the screen
- These can escape the document, and draw over the dev tools (didn't know you could even do that!)
- Doesn't seem to be an issue on mobile devices, I think this might be correlated to hardware acceleration with a separate GPU.