jQuery悬停不'；没有动画，但有延迟

我对jQuery或jQuery UI有问题。我想设置悬停按钮的动画，但它不是平滑地设置动画，而是等待指定的时间，然后立即弹出更改。有什么建议吗

当我放大Chrome时，变化似乎是一个两步的过程。也许是因为这不是一个很大的变化，所以它是这样处理的

$(".btn-form").hover(
        function() {
            $(this).stop().animate(
            {
                borderWidth : "2px",
                borderColor : "#B27332"
            }, 500);
        },
        function() {
            $(this).stop().animate(
            {
                borderWidth : "1px",
                borderColor : "gray"
            }, 500);
        });

---

你的代码有效！不幸的是，无法以平滑的方式将边界从1px更改为2px

您还可以尝试使用CSS转换获得相同的结果

.btn-form {
border: 1px solid gray;
transition: border 500ms;
}

.btn-form:hover {
border: 2px solid #B27332;
}

---

你能为这个提供html和css吗？如果你知道我在哪里设置了

宽度的动画，你会看到动画顺利进行。问题在于您选择要设置动画的属性以及为它们指定的值。。因为它们非常微小，你实际上无法看到它们正常工作。。其中，
borderWidth
的值正在增加。。