Adding a linear-gradient color in .css method jQuery

hello

does someone know why the color doesn’t work when i mouseover on the heading?

thanks

<h2 id="shuggie">70s blues Soul Music</h2>


 $("#shuggie").on("mouseover", function() {
            $("h2#shuggie").css("color", "linear-gradient(35deg,#ccffff, #ffcccc)")
        }); 

         $("#shuggie").on("mouseout", function() {
            $("h2#shuggie").css("color", "#8A5192");
        }); 

linear-gradient is a background value, and cannot be a value for color.

1 Like