So you’re giving the hover trigger to the card, and you’ve probably set a hoverout event to flip the card the other way. So when the card flips, it shrinks and the cursor hoverouts of the card by itself, triggering the opposite interaction… and again and again.
When doing such interactions, you have to use another element as the trigger for the animation, and make the animation targets the actual card. For example, nest your Card element into another div, remove the interactions from the card, apply the interactions to the div and make sure the interaction still targets the Card element. Now it works well because the element that we use for the trigger doesn’t change shape.
http://vincent.polenordstudio.fr/snap/1pq72.jpg
http://vincent.polenordstudio.fr/snap/avcgq.jpg
