我的代码中的“ animate（）”函数不起作用，但“ css（）”却起作用。 怎么了？

Question

this piece of code works only when i write

.css()

, but not

.animate()

What is the reason?

the whole thing:

 $(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

From the documentation :

All animated properties should be animated to a single numeric value, except as noted below; most properties that are non-numeric cannot be animated using basic jQuery functionality (For example, width, height, or left can be animated but background-color cannot be, unless the jQuery.Color plugin is used). Property values are treated as a number of pixels unless otherwise specified. The units em and % can be specified where applicable.

What you're trying to animate doesn't fit the description of what it says it can animate.