Animate background-image size w/ multiple images
I'm trying to animate one of two background-images assigned to a div.
The div has initial css of:
- background: url("/image1") no-repeat 16px center, url("/image2") no-repeat top right;
- background-size: auto, auto
I've tried the following to animate the 2nd image:
- $('#mydiv').animate({"background-size": "auto, 48px 48px"}, 2000);
- or
- $('#mydiv').animate({backgroundSize: "(auto, 48px 48px)"}, 2000);
Is there a way to animate the size, can't seem to figure it out.
Thanks.