0

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

在回答jquery animate .css之后,我使用了jquery 函数并按照jquery site 上.animate()的教程进行操作。

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

为什么是这样?

4

2 回答 2

2

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

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

于 2012-06-21T10:40:24.540 回答
1

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

如果您将边框宽度设置为 10px,它会进行动画处理:http: //jsbin.com/utiwoy/3

于 2012-06-21T10:40:57.540 回答