Граница стола исчезает и исчезает

Question

У меня есть таблица, и я хотел бы постепенно увеличивать и уменьшать верхнюю и нижнюю границы таблицы. Изначально я использовал функцию наведения мыши в CSS, но я бы предпочел более причудливые угасания в jquery Я знаю, как постепенно выгорать объекты, но не нашел решений только для границ.

Answer 1

При использовании пользовательского интерфейса jQuery вы можете анимировать () цвет границы, используя код, подобный следующему:

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

, предполагая, что цвет фона - белый, а перемещение цвета границы в сторону полного белого заставит его исчезнуть.Обратите внимание, что встроенный в jQuery метод animate () не работает с цветами, только с числовыми значениями: вам потребуется animate () из пользовательского интерфейса jQuery.