'animate()'函数我的代码不起作用，但"css()"起作用。怎么了？

Question

这段代码只在我写的时候有效

.css()

，但不是

.animate()

原因是什么？

整件事：

$(window).on("scroll", function () {
$('.banner').animate({'background':'linear-gradient(to right, black 50%, white 50%'}, 800);
$('.banner h1').animate({
'background': 'linear-gradient(to left, black 50%, white 50%', '-webkit-background-clip': 'text', '-webkit-text-fill-color': 'transparent'
}, 800)

Answer 1

从文档中：

所有动画属性都应动画化为单个数值，除非下面说明;大多数非数字属性无法使用基本的 jQuery 功能进行动画处理(例如，宽度、高度或左侧可以动画化，但背景色不能，除非使用 jQuery.Color 插件(。除非另有指定，否则属性值被视为像素数。在适用的情况下，可以指定单位em和%。

您尝试制作动画的内容不符合它所说的可以动画的内容的描述。