jQuery的动画图像反转

Question

我正在尝试制作图像颜色反转的动画。 我可以这样反转图像：

 $("#menuButtonImage").css({filter : "invert(100%)"});

这是我的动画代码，在控制台中没有出现任何错误，但没有设置动画：

$("#menuButtonImage").animate({filter : "invert(100%)"}, "slow");

知道为什么会这样吗？

Answer 1

工作的HTML：

<div id='menuButton'>
    <button id='menuButtonButton'>
        <img src="./images/MenuIcon.png" id='menuButtonImage'>
    </button>
</div>

CSS：

#menuButton button img {
   transition: all 1.0s ease;
}

jQuery：

$("#menuButtonButton").click(function() {
     $("#menuButtonImage").css({filter : "invert(100%)"});
});