JSFiddle - React, Tailwind, and code Playground

HTML

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

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

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

CSS

div {
	height:100px;
	width:200px;
	color:#000;   
	background:#D2691E;
	font-size: 18px;
	padding:10px;
	-webkit-transition: all 2s ease-in;
}   
  
div:hover {  
	height:300px; 
	width:400px;
	background:#00CED1;
	font-size: 28px;
}