我正试图让一个元素周围的边框淡出。
在jquery animate .css上给出答案后,我使用了.animate()
jquery函数,并按照教程on the jquery site进行了操作。
然而,我无法让它发挥作用。这是我在jsbin上的代码: http://jsbin.com/epojaw/2 悬停在文本上应该在其周围的边框淡入淡出,但相反,它只是突然出现。
为什么会这样?
答案 0 :(得分:2)
通过将边框宽度从0px更改为1px,您正在使用淡入淡出效果。我假设步长是1px,所以是的,它会立即出现。
相反,您可以尝试使用边框颜色创建淡入淡出,例如从白色到红色。然后jQuery可以有更多的步骤,你的效果会更好。
答案 1 :(得分:1)
这是因为边框仅将边框1的宽度设置为1。
如果你设置10px的边框宽度,它会动画:http://jsbin.com/utiwoy/3