Move multiple backgrounds infinitely using CSS

Question

I have two backgrounds:

body {
    background-image: url(img/nemo.png),url(img/ocean.png);
}

How do I make nemo.png background

Answer 1

Heres an option:

Create an animated GIF from the nemo.png which is a simple animation of the image moving from left to right.

Then create the layered backgrounds by setting ocean.png to the background of the body of your page.

Then create a div which with the following css:

width:100%; 
height:100%;
background-position:center center;
background-image: url(img/moving-nemo.gif);

The div will be an all-encompassing container for all of your content which will give you a layered background effect.