Jquery动画图像反转

Question

我试图动画反转图像的颜色。我可以像这样反转图像：

NSRange

这是我的动画代码，它在控制台中没有出错但没有动画：

location

知道为什么会这样吗？

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