JSFiddle - React, Tailwind, and code Playground

by ruisoftware

HTML

<button>start</button>
<img id="i1" src="http://www.google.com/logos/2011/murakami_summer-hp.png" width="409px" height="168px" alt="" />
<img id="i2" src="http://www.google.com/logos/2011/murakami_summer-hp.png" width="409px" height="168px" alt="" />

CSS

img {
    border: 1px solid black;
    position: relative;
}

JavaScript

$("button").click(function() {
    $("#i1").animate({left: 100, top: 200}, {
        duration: 1000,
        step: function(now, fx) {
            $("img").css('width', (now + 100)*2 + 'px');
          }
    });
    $("#i2").animate({left: 50, top: 500}, {
        duration: 2000,
        step: function(now, fx) {
            $("img").css('width', (now + 100)*2 + 'px');
          }
    });
    
});