JSFiddle - React, Tailwind, and code Playground

by Vijayakrishnan Krishnan

HTML

<div id="outer">

    <div id="nested" onclick="$('#outer').effect('scale', {scale:'content',percent:50}, 1000);" />

</div>

CSS

#outer {
    position:relative;
    height:100px;
    width:150px;
    z-index:1;
    background:#F00;
}
#nested {
    position:absolute;
    left:50px; top:20px;
    width:50px; height:20px;
    z-index:2;
    background:#00F;
    cursor:pointer;
}