JSFiddle - React, Tailwind, and code Playground

by Tim Büthe

HTML

<img id="I1" src="http://www.dpstudiolab.com/weblog/wp-content/uploads/2007/11/display-pop-up-2.thumbnail.jpg" >
<img id="I2" src="http://www.dpstudiolab.com/weblog/wp-content/uploads/2007/11/display-pop-up-2.thumbnail.jpg" >

CSS

img{float:left;}

JavaScript

$("#I1").mouseover(function(){
        
    var $this = $(this);
    var $clone = $this.clone();
    $clone.css('position', 'absolute');
    // $clone.po
    
    $clone.animate({height:300,width:300},"fast");
});

$("#I1").mouseout(function(){
    $("#I1").animate({height:96,width:128},"fast");
});