jQuery Animation Failing with Margin-left/right auto

Question

I am attempting to make the margins on an image both auto. I am doing this by:

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

but it does not work. It does however work if I do:

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

My question is, why is it not working? Is there any possible way to get it to work correctly again or would I need to come up with a hacky solution to solve this problem?

Any help is greatly appreciated.

Possible duplicate of [jQuery: Animate Margins to Auto?](http://stackoverflow.com/questions/4511036/jquery-animate-margins-to-auto) — smoksnes, Jul 21 '16 at 05:20

score 0 · Answer 1 · answered Jul 21 '16 at 05:26

0

Try the following:

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

answered Jul 21 '16 at 05:26

Maths RkBala

2,207
3
18
21

jQuery Animation Failing with Margin-left/right auto

1 Answers1