表边框淡入淡出

Question

我有一张桌子，我想淡出桌子的顶部和底部边框。最初我只使用了css'悬停功能，但我更喜欢jquery更花哨的褪色。我知道如何逐渐淡出和淡出物体，但是没有找到任何边界解决方案。

Answer 1

使用jQuery UI时，您可以使用以下代码设置（）边框颜色的动画：

$("table").animate({"border-top-color": "#ffffff", "border-bottom-color": "#ffffff"}, 800);

假设背景颜色为白色并将边框颜色移向全白将使其消失。请注意，jQuery本机animate（）方法不能使用颜色，只能使用数值：您需要来自jQuery UI的animate（）。