JSFiddle - React, Tailwind, and code Playground

by Danilo Metzker

HTML

<div class="sem_efeito">
  Sem efeito
</div>

<hr>

<div class="com_efeito">
  Com efeito
</div>

CSS

.sem_efeito{
  height:100px;
  width:300px;
  background:#e74c3c;
}
.sem_efeito:hover{
  background:#2980b9;
}

.com_efeito{
  height:100px;
  width:300px;
  background:#e74c3c;
  transition-duration:0.5s;
  -webkit-transition-duration:0.5s;
}

.com_efeito:hover{
  background:#2980b9;
}