JSFiddle - React, Tailwind, and code Playground

by yelton

HTML

<div class="box">
    Add me a class "x"
</div>

<div class="box2">
    Hover me
</div>

<br />

using transform<br>
<div class="box"> to do</div>

CSS

.box,.box2 {
    display:inline-block;
    width:160px;
    height:160px;
    background:#9CF596;
    padding:20px;
    border:1px solid green;
    
    -webkit-transition: All 0.2s linear;
}
.box.x, .box2:hover{
    -webkit-transform: scale(0,0);
}