Background image animation using css3 or jquery? [

问题:

can anyone help me about how to animate a background image like on this website

http://breakpoint-sass.com/

on the credits section the background image seems moving, i don't know if it is using css3 or jquery.

And is there any tutorial on how to do it or via using plugin.

Many thanks.

回答1:

Just a simple demo of animating a BG sprite image

http://jsbin.com/ohulok/1/edit

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

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

http://jsbin.com/ohulok/7/edit