Card flip safari browser issue

Hello,

I have tried to add card flip animation using both hover and Interactions. It is working fine everywhere except Safari browser on iPhone. After the animation is completed, instead of showing the 2nd card, it shows 1st card flipped. I’ve added links below. Does anyone know why this could be happening?

In the following preview I used Intercations in 1st card and hover state animation in 2nd card to arcive this animation. The issue is same on both cards.

Thanks in advance

http://cardflip-8b166c.webflow.io/
https://preview.webflow.com/preview/cardflip-8b166c?preview=6dcc45b4ac975cafc9b1366a7e8ab0d6


2 Likes