jquery .animate() 没有动画答案

【问题标题】：jquery .animate() not animatingjquery .animate() 没有动画
【发布时间】：2012-06-23 13:53:29
【问题描述】：

我正在尝试使元素周围的边框淡入。

按照jquery animate .css的答案，我使用了.animate() jquery函数并按照教程on the jquery site进行操作。

但是，我无法让它工作。这是我在 jsbin 上的代码： http://jsbin.com/epojaw/2 悬停在文本上应该会在它周围的边框中消失，但它只是突然出现。

这是为什么？

【问题讨论】：

【解决方案1】：

您通过将边框的宽度从 0px 更改为 1px 来使用淡入效果。我假设步长是 1px，所以是的，它会立即出现。

相反，您可以尝试使用边框颜色创建淡入淡出，例如从白色变为红色。那么jQuery可以有更多的步骤，你的效果会更好。

【讨论】：

【解决方案2】：

这是因为边框仅将边框的宽度设置为 1 x 1。

如果您将边框宽度设置为 10 像素，它会生成动画：http://jsbin.com/utiwoy/3

【讨论】：