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