JSFiddle - React, Tailwind, and code Playground

by Hugo Vale Pereira

HTML

<div class="a">
</div>

CSS

.a {
  background: blue;
  height: 200px;
  width: 200px;
  transition: 1s ease-in; 
}

.a:hover{
  width: 600px;
  transition: 1s ease-out;
}