Hi all, trying to make this 3D rotating cube and it renders correctly in Chrome and Firefox, but not Safari. It looks like the cube’s faces are stretched across the whole website as it rotates (See Google Drive links to screen recordings below). Site is ghoste.webflow.io.
Solutions I’ve tried so far:
- Hiding the backface of each cube face
- Adding a 1001px self-perspective to the cube faces
- Removing the inner/outer glow from the cube face divs
Any ideas on how to fix this?
What it looks like on Chrome (how it should look on Safari):
What it looks like on Safari: