JSFiddle - React, Tailwind, and code Playground

by richardneililagan

HTML

<div class="img"></div>
<div class="img"></div>
<div class="img"></div>
<div class="img"></div>
<div class="img"></div>

CSS

body { margin:30px; }
div.img {
    background:rgba(255,0,0,.25);
    border:1px solid #f00;
    width:100px; height:100px;
    margin:5px;
    float:left;    
}
div.img:hover {
    width:160px; height:160px;
    background:rgba(255,0,0,.5);
    margin:-25px;
}

JavaScript

$(function () {
    
    
    
    
});