JSFiddle - React, Tailwind, and code Playground

by Trisox

HTML

<img src="http://www.google.nl/images/srpr/logo3w.png" />

CSS

body, div, iframe {
    padding: 0;
    margin: 0;
}
img {
    height: 100px;
    width: 100px;
    display: block;
    position: absolute;
    margin: 10px;
    padding: 0;
}

JavaScript

$('img').click(
    function(){
        var offset = $(this).offset();
        var originLeft = offset.left;
        var originTop = offset.top;
        $(this).animate(
            {
                'top' : '400px',
                'left': '200px'
            }, 1500, function() {
                $(this).animate({
                    'top': originTop,
                    'left' : originLeft
            }, 1500)
                    });
        
    });