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