CSS3 animation 01

HTML

<canvas width="950" height="650" />

JavaScript

var c = $('canvas')[0].getContext('2d')

var img = new Image();
img.src = "http://cardgame.s3.amazonaws.com/ts.img/MEventFilePool/141/MEventFilePool_141_.1365676458.jpg";
c.drawImage(img, 0, 0, $('canvas').width(), $('canvas').height());

var x = 250;
var y = -20;

var img2 = new Image();
img2.src = "http://cardgame.s3.amazonaws.com/ts.img/MEventFilePool/196/MEventFilePool_196_.1367209973.png";
c.drawImage(img2, x, y);

var img3 = new Image();
img3.src = "http://cardgame.s3.amazonaws.com/ts.img/MEventFilePool/197/MEventFilePool_197_.1367209960.png";
c.drawImage(img3, x + 50, y - 20);

setTimeout(mover, 1);
c.save();

function mover()
{
    c.save();
    c.clearRect(0,0,950,650);
    c.drawImage(img, 0, 0);
    x = (x > 0) ? x - 2 : 300;
    y = (y > -100) ? y - 2 : 0;
    c.drawImage(img2, x, y);
    c.drawImage(img3, x + 50, - (200 + y) );
    setTimeout(mover, 25);
}