JSFiddle - React, Tailwind, and code Playground

by gunderson

HTML

<div class="container">
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
</div>

CSS

.container{
  width: 300px;  
}

.box {
    float: left;
    left: 0px;
    width: 100px;
    height: 100px;
    background: #a3a;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.box:hover {
    left: -100px;
    width: 200px;
    height: 200px;
}