Jquery animieren Bild invertieren

Question

Ich versuche, die Umkehrung der Farben eines Bildes zu animieren. Ich kann das Bild wie folgt umkehren:

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

Dies ist meine Animation-Code, der in der Konsole keinen Fehler macht, sondern animieren nicht:

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

Jede Idee, woran das liegen könnte?

Answer 1

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