JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head></head>

<body>

<h1>The transition Property</h1>

<p>Passe o mouse por cima do elemento:</p>

<div></div>


</body>
</html>

CSS

div {
  width: 100px;
  height: 100px;
  background: red;
  -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
  transition: width 2s;
}

div:hover {
  width: 300px;
}