Jquery 如何使CSS3中的元素在mouseleave中保持缩放？然后在mouseleave上将元素缩放回它'；s原版尺寸

当我在按钮上使用mouseenter时，我希望CSS3动画中的scale命令在单独的元素上触发

我的代码目前是这样做的，但是我需要比例保持在鼠标移动之前的完成点，然后被缩放的元素需要缩放回初始尺寸

我该怎么做

这是我的密码：

$("#button").mouseenter(function() {
$('.transform').toggleClass('classname');
});

CSS:

谢谢。

请改用事件处理程序

将

mouseenter

更改为

hover

$("#button").hover(function() {
    $('.transform').toggleClass('classname');
});

这和

$("#button").on('mouseenter mouseleave', function() {
    $('.transform').toggleClass('classname');
});

---

第一部分基于如何删除该类

但缩放时不需要使用动画。。只要转换就行了

由于默认情况下转换是双向的，所以一旦删除类，它将自动处理放大

---

演示在

我最初使用了悬停功能，但我也没有得到他们的运气。在当前代码中，动画只是跳回它的初始位置。@user2690022，更新了答案，因为我没有注意到你使用的是动画而不是转场。它很有效，再次感谢你，我真的很感激。

$("#button").on('mouseenter mouseleave', function() {
    $('.transform').toggleClass('classname');
});