Jquery animate image invert

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