Major differences in published site between Chrome and Safari

The scrolling effect on the portfolio section of my website looks completely different on Chrome vs Safari: https://www.byaliz.com/

It’s looks fine in Safari:


but in Chrome the 3D effect is completely botched:

What’s going on?

Here is my site Read-Only: https://preview.webflow.com/preview/ali-z?utm_source=ali-z&preview=12c8c9b59186e8a96ebd8b68e52a8f25

Have you checked the perspective settings ?
Maybe that’s it ?

I found the issue. The children perspective was on the 400vh section instead of the 100vh section. This caused problems in Chrome. Removing the perspective from the taller section and adding it to the 100vh section fixed the issue.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.