Pseudo Class Error on Safari

[sawacrow 6 Likes (Newbie)]

Hello !

Below codepen is working well, (chrome and safari)

See the Pen LYGXrMq by DickeySingh (@DickeySingh) on CodePen

 ( original )

 

But im trying like above code some different method. Im trying on "::before" class. Thats working well on chrome but on safari working weird as you can see.

 ( Bugged, pseudocode class version)

 

( left side is chrome, right side is safari. you can see the distorted straight line lines.)

 

 

I can solve that problem if do original method but maybe there is a solution to this problem...

 

 

New bug detected:
error still on "absolute" items...

 

See the Pen abaqQeE by sawacrow (@sawacrow) on CodePen

[GreenSock 18,567 Likes (Superhero)]

That is most definitely a browser rendering bug (unrelated to GSAP). Also, filters are HORRIBLE for performance, especially such a large blur, so be careful. Setting will-change: transform, filter seemed to resolve things for me and significantly improve performance: 

See the Pen eYLMYpm?editors=0110 by GreenSock (@GreenSock) on CodePen

[sawacrow 6 Likes (Newbie)]

16 minutes ago, GreenSock said:

That is most definitely a browser rendering bug (unrelated to GSAP). Also, filters are HORRIBLE for performance, especially such a large blur, so be careful. Setting will-change: transform, filter seemed to resolve things for me and significantly improve performance: 

 

 

yes its about safari's render system.

thats solution awesome, problem is solved thank you so much !