JSFiddle - React, Tailwind, and code Playground

by Kiran G

HTML

<div class="my-hover-square">
  
  
  sssdskjhsk
</div>sssssss

CSS

.my-hover-square {
  width: 240px;
  height: 240px;
  
  position: absolute;
  display: -webkit-inline-box;
  -webkit-transition: height 1s;
  /* Safari */
  
  background: pink;
}

.my-hover-square:hover {
  width: 450px;
}