jQuery-Animation fehlgeschlagen mit Rand links/rechts Auto

Question

Ich versuche, die Ränder auf ein Bild sowohl automatisch. Ich mache das von:

$('#headerImg').delay(100).animate({ 
    "margin-left": "auto", 
    "margin-right": "auto" 
}, 650, function() { 
    //not important 
}); 

aber es funktioniert nicht. Es funktioniert aber, wenn ich das tue:

$('#headerImg').css({"margin-left":"auto","margin-right":"auto"}); 

Meine Frage ist, warum funktioniert es nicht? Gibt es einen möglichen Weg, um es wieder richtig funktionieren zu lassen oder müsste ich eine Hacky-Lösung finden, um dieses Problem zu lösen?

Jede Hilfe wird sehr geschätzt.

Answer 1

Versuchen Sie Folgendes:

$('#headerImg').delay(100).animate({ 
    marginLeft: "auto", 
    marginRight: "auto" 
}, 650, function() { 
    //not important 
});