Javascript 在鼠标移出的过渡期间停止div的翻转效果

我使用jquery在图像上使用翻转效果。很少有像这样的插件能达到同样的目的。我使用的是悬停，而不是演示中给出的单击，以启动翻转效果并在鼠标离开时恢复效果。使用悬停的缺点是，即使鼠标指针在div上，效果也会启动并完成循环，即使只有几分之一秒。
那么，我有没有办法阻止这种行为：

• 通过使用插件支持的回调函数，停止中间的转换并在鼠标离开时保持到原始状态
• 随着时间的推移，通过加快过渡速度（或轻松地开始/结束效果），如果鼠标停留在那里几秒钟，效果将以非常慢的速度开始，并且在恢复到原始位置时，不会有太多位移，从而返回丰富的用户体验

---

如果是，如何进行？或者任何其他建议来停止中间的翻转循环。

我想知道

GSAP

是否更适合此操作？也。。。这里有一篇关于CSS3 vs JS动画的好文章：这篇文章可能会有所帮助-@TimSPQR谢谢这是我的应急计划：）。如果我不得不取消比赛，我会稍微摇动一下