Background image animation using css3 or jquery?

Question

can someone help me on how to animate the background image, for example on this website.

in the credits section, the background image seems to be moving, I don't know if it is using css3 or jquery.

And is there any tutorial on how to do this or using a plugin.

Many thanks.

+3

user2074113 15 Feb At 2:02 am

1 answer

Roko C. Buljan · Accepted Answer · 2013-02-15T02:26:06+0000

Just a simple BG sprite image animation demo

var c = 0 ;
function loop(){
  c = ++c%5;
  $('#bird').css({backgroundPosition: (240*c)+'px 0px'});
}
setInterval(loop, 42);

Info: if you want 24fps speed that's ~ 42 (41.666ms)