Card Flip Animation not working for Apple

Design help Animations & Interactions
1

Hello everyone!

Today I came across an odd problem that I’m not sure why is happening. I am trying to test out this card flip by using the 2d animation and child perspective rather than using the interactions. On windows such as chrome, edge and also on Android, the animation works fine along with the alignment. However on Apple safari, mobile or Mac the alignment is off and the animation does not work, it flips but does not show any text once it does flip… idk why this is and if anyone knows why or how i can make this work that would be greatly appreciated!

Here is my public share link: [Webflow Link]
https://preview.webflow.com/preview/drive-in-mock-up?utm_medium=preview_link&utm_source=designer&utm_content=drive-in-mock-up&preview=3f194e58a7a39f86a93ebd5cde90db07&mode=preview

Here is the video [Chrome dsktp]

Here is the video [Apple mbl]

1 Like
2

Hi,

I have exactly the same problem… On windows such as chrome, edge and also on Android, the animation works fine along with the alignment. However on Apple safari, mobile or Mac the alignment is off and the animation does not work.

Did you find a solution ??

3

Does anyone have found a solution? :frowning:

1 Like
4

I have yet to find one. Were you able to solve this?