Can anyone explain why my 3d transform effect works fine on chrome/FF but has ppixellated all the pure css divs and text when viewed on safari.
Without the 3d transform it looks normal in safari.
The odd thing is i built this exactly the same i another site which works fine in safari.
The only difference is the blocks on this site are flex and the ones on the other site are just percentage built inline - but that can’t be causing this surely…
From what I see on this end, everything is rendering as expected in both browsers:
And the 3D transforms are working without any issues.
There’s a bit of aliasing on the SVG elements in Safari if you zoom in (fairly atypical behavior). So another route you could go is using div blocks instead for those angled items.
Could you please let me know what browser version you’re using by sending me your information from this page?
There should be a small share link when you visit the page which you can send to me.
Ironically Chrome is out of date but safari is up to date.
Interesting that its working for you.
I might restart my whole mac, but its weird that it works fine on the luup site but not my new one. considering its exactly the same except for one site uses divs with percentages and the other (new one) is flex.
