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%)"});
});