时间戳

首页 > 解决方案 > 'animate()' 函数我的代码不起作用，但 'css()' 起作用。怎么了？

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

问题描述

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

.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)

标签： javascriptjqueryhtmlcss

解决方案

从文档中：

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

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

推荐阅读