Question

I have a simple challenge with a background not animating.

I have used this code before so I’m a bit scratching my head.

The code is:

html (it has a repeated background I can see).

<div id="working_wrap"></div>​

jquery:

$('#working_wrap').animate({backgroundPosition: '30px 0px'}, 5000);​

I’ve created a jsfiddle of the simple problem. The background should start animating straight away.

What is my foggy brain missing right now?

Answer 1

try this

$('#working_wrap').animate({backgroundPosition: 30},5000);

0px is useless (EDIT: in your case) and it is not supported by animate. From Jquery doc

All animated properties should be animated to a single numeric value