JSFiddle - React, Tailwind, and code Playground

HTML

<!-- Getting Started With CSS Transitions Part II -->
<!-- blog.kevinchisholm.com -->
<!-- Example # 1A -->

<!-- NOTE: this example will only work with WebKit browsers ! -->

<div>Put your mouse over me</div>

CSS

div {
 height:100px;
 width:100px;
 color:#000;   
 background:#D2691E;    
 padding:10px;
 -webkit-transition-property:height;
 -webkit-transition-duration: 2s;   
 -webkit-transition-timing-function: ease-in;    
}   
  
div:hover {  
 height:300px;  
 background:#00CED1;  
}