CSS3变换+ jQuery的翻转卡片发行

Question

这里的小提琴：http://jsfiddle.net/DerekL/pwbu4/6/

我使用jQuery来控制transform财产CSS3来创建一个“炫卡”的效果。在演示中，如果您悬停在粉红色方块上，它会向下翻转并显示背面。问题在于如果将光标移动到粉红色方块位置，动画将再次开始。它应该翻转广场只有当mouseenter和mouseleave。所以，当你在广场上移动，基本上，它甚至没有离开广场，因为翻盖被rotateX完成。那我该如何解决这个问题？基于

Answer 1

上Esailija的评论和改进一点点，但是，加入另一个包装将修复它。

http://jsfiddle.net/DerekL/pwbu4/11/