解除悬停时JQuery/Javascript/CSS图标收缩

我有三个社交图标，它们在css元素悬停时会增长：悬停-我希望当用户停止悬停时，它们会慢慢缩小到初始大小-我如何用Javascript、css或jQuery解决它？

好吧，jQuery有一个名为.mouseenter和.mouseleave的功能集，我相信你一定听说过：

很明显，你知道如何让元素增长，所以为了让它们收缩，我会逆转你的做法，然后减小大小。我认为，像这样的鼠标删除操作会起作用：

$(document).ready(function(){

    $('your_element_here').on('mouseleave', function(){

        $(this).animate({height: '20px', width: '20px'}, 500);

    });

});

---

只有你会用你希望图标缩小到的任何高度和宽度来替换20px。我希望这会有所帮助，并且我很乐意根据您的需要对此进行扩展，以便在需要其他内容时发表评论。

您可以通过transition属性单独使用CSS来实现这一点，无需Javascript

.icon {
    font-size: 2em; // assuming the icons are font-based. Use height/width otherwise
    transition: font-size 0.3s;
}
.icon:hover {
    font-size: 4em;
}

---

请通过你的代码，你到底在做什么，你想要什么结果谢谢，这正是我要找的函数。我以前没听说过，我有点像初学者：谢谢，我总是把我的转换放在：hover元素中，这样它就不会双向工作。知道这绝对是件好事。