JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

CSS

div
	{
	  width:100px; 
		height:100px; 
		float:left;
		margin:5px;
    position: relative;
    right: 0;
		box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
		background-color:rgba(25,25,25,0.7);
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
	}
  div:hover
	{
		width:200px;
		height:200px;
		margin:10px 115px 0px -105px;
    right: -110px;
	}