JSFiddle - React, Tailwind, and code Playground
HTML
<div id="container" style="overflow: hidden">
<div class="simpleBox">Hello world</div>
<div class="simpleBox">Hello world</div>
</div>
CSS
.simpleBox{
width: 150px;
height: 150px;
background-color: gray;
font-size: 20px;
float: left;
margin: 10px;
}
JavaScript
$$('.simpleBox').morph({
height: 50,
opacity: 0.3
});