jQuery-UI动画，背景，线性渐变

Question

我想使用jQuery-UI来动画化，改变背景颜色，而不仅仅是颜色，线性渐变。它不起作用，我尝试仅将背景更改为“ backgroundColor”，因为在css中，线性渐变只能放大为“背景”，但是在jQuery-UI中，仅背景不起作用。

$(".btn").hover(Change_Color, Change_Color_Back)

function Change_Color() {
    $(".square").animate({
        backgroundColor: "linear-gradient(to right, #0265cd, #1790fb)",
        color: "white"
    },300);
    $(".btn").css("background", "#f2f3f4");
    $(".btn").css("color", "#3d3d3d");
}

function Change_Color_Back() {
    $(".square").animate({
        backgroundColor: "#f2f3f4",
        color: "#3d3d3d"
    },300)
    $(".btn").css("background", "");
    $(".btn").css("color", "");
}