Raph Course Jesse

by GaRoHallo

HTML

<div id="anim"></div>

CSS

#anim {
    width: 600px;
    height: 600px;
}

JavaScript

var anim = document.getElementById('anim');

var paper = Raphael(anim);

var photo = paper.image('http://i.imgur.com/bMtV4.jpg', 10, 10, 100, 68);

photo.attr({
    transform: 's0.75',
    opacity: 0.5
});

function set1() {
    photo.animate({
    x: 200,
    y: 200,
    transform: 's3r-120',
    opacity: 1
}, 1000, 'bounce', set2);
} set1();

function set2() {
    photo.attr({
    opacity: 0.5        
    });
}