这是小提琴:http: //jsfiddle.net/DerekL/pwbu4/6/
我正在使用 jQuery 来控制transform
CSS3 中的属性以创建“翻牌”效果。在演示中,如果您将鼠标悬停在粉色方块上,它将向下翻转并显示背面。问题是如果您将光标移动到粉红色方块位置,动画将重新开始。它应该只在mouseenter
和时翻转正方形mouseleave
。所以基本上当你在方格上移动时,它甚至不会离开方格,因为翻转是由 完成的rotateX
。那么我该如何解决呢?
这是小提琴:http: //jsfiddle.net/DerekL/pwbu4/6/
我正在使用 jQuery 来控制transform
CSS3 中的属性以创建“翻牌”效果。在演示中,如果您将鼠标悬停在粉色方块上,它将向下翻转并显示背面。问题是如果您将光标移动到粉红色方块位置,动画将重新开始。它应该只在mouseenter
和时翻转正方形mouseleave
。所以基本上当你在方格上移动时,它甚至不会离开方格,因为翻转是由 完成的rotateX
。那么我该如何解决呢?