Safari Flicker on 3D transition

Hey All,
Hoping you can help with this issue I am having or a client on Safari all good as I can see on other browsers.

Recorded a quick Loom running through the issue I am having :slight_smile:


Here is my public share link: (Webflow - Condense)
(how to access public share link)

Hey @r1chard, have a look at this thread.

Quoting @vincent:

Elements having glitches are often provoked by animated elements overlapping them. Make sure your blinking element has a higher z-index value than the animated one, to begin with.

Quoting @DFink:

Throw this in your head tag. Fixes all the weird text rendering that happens in safari.
<style> body { -webkit-font-smoothing: antialiased; } </style>

Maybe this fixes things for you. Let me know how it goes :v:t2:

1 Like