I'm trying to implement a card-flip interaction, as described on the new 3D Transforms page. But I'm getting some strange behavior, for which I've been cracking my head trying to find what's wrong.
First, they don't always respond on hover; the animation won't trigger. Then, when it triggers, it acts funny if you move the mouse slightly while hovering, or the card flips again without hovering out, just by moving the cursor.
What could be wrong?
Also, I'm curious on why the animation looks as if the divs just 'close on themselves' when flipping, and not like a real flipping effect, like in the transforms page, where they seem to really turn on their axis like a revolving door. Mine just seem to be collapsing towards the middle and then expanding again. Do you see what I mean?
Thanks for your help!