CSS3转换+jQuery翻转卡问题

CSS3 transform + jQuery flip card issue

本文关键字：问题 翻转 +jQuery 转换 CSS3      更新时间：2023-09-26

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

我使用jQuery来控制CSS3中的transform属性，以创建"翻转卡"效果。在演示中，如果您将鼠标悬停在粉红色的正方形上，它将向下翻转并显示背面。问题是，如果将光标移动到粉红色的正方形位置，动画将重新开始。假设只有当CCD_ 2和CCD_。所以基本上，当你在正方形上移动时，它甚至不会离开正方形，因为翻转是由rotateX完成的。那么我该怎么解决呢？

基于Esailija的评论并进行了一些改进，但添加另一个包装器会修复它。

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

相关文章：