JSFiddle - React, Tailwind, and code Playground

HTML

<h2></h2>

CSS

h2:before {
  content: 'Testando';
  font-family: Arial;
  background-color: #ccc;
  font-weight: normal;
  -webkit-transition:width 0.2s;
  transition: width 0.2s;
  padding:10px;
  width:100px;
  float:left;
  white-space: nowrap;
  overflow: hidden
}
h2:hover:before {
  width:200px;
  content: 'Testando o botĂŁo';
}