JSFiddle - React, Tailwind, and code Playground

HTML

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

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

CSS

div{
	width: 100px;
	height: 100px;
	background: #ccc;
    padding:10px;
	-moz-transition: height;
	-webkit-transition: height;
	-o-transition: height;
	transition: height;
}

div:hover{
	height: 300px;
}