JSFiddle - React, Tailwind, and code Playground

by Darby Rathbone

HTML

<img src="http://lorempixel.com/g/640/480/" alt="">

CSS

.anim {
    transition:all 2s ease-in;
    transform: rotateY(90deg);
}

JavaScript

addEventListener('click', function (e) {
    var oldimg =  document.getElementsByTagName('img')[[].slice.call(document.getElementsByTagName('img')).length-1];
    oldimg.classList.add('anim');
    var img=document.createElement('img');
    
    var pos = oldimg.getBoundingClientRect();
    img.src = "http://lorempixel.com/g/640/480/";
    document.body.appendChild(img);
    img.style.position='absolute';
    img.style.top =pos.top +'px';
    img.style.left = pos.left+'px';
    
});