animate source to target

gistfile1.txt

var $start = $($('img')[2]).clone();
var $end = $('img')[0];

var rectStart = $($('img')[2])[0].getBoundingClientRect();
var rectEnd = $end.getBoundingClientRect();

$start.css({ 
    position: 'absolute',
    top: rectStart.top + window.scrollY, 
    left: rectStart.left,
    bottom: rectStart.bottom,
    height: rectStart.height,
    width: rectStart.width,
    right: rectStart.right,
    opacity: 0
}).appendTo($('body'));

$start.animate({
    top: rectEnd.top + window.scrollY, 
    left: rectEnd.left,
    bottom: rectEnd.bottom,
    height: rectEnd.height,
    width: rectEnd.width,
    right: rectEnd.right,
    opacity: 1
},{
    duration: 666,
    complete: function () {
        $start.remove();
}
});