Destroy and recreate element to fix scale3d blur

I have tried various things to fix this issue, but still no luck, so I am now thinking about completely destroying an element, but with need to recreate it after.

Here is the deal. I’m using 3d transforms, at some pointe element is scaled a couple of times, which results in ridiculous blurriness inside safari as svg images used for background are treated as textures. I tried replacing them with different images 2x size pngs, but nothing fixes the blurriness. It seems like safari “takes snapshot” of how element is created initially and then stretches it without taking into account any changes. Hence can I destroy an element and re render it at new scale somehow so svgs look crispy?


Source: css3

Leave a Reply