JSFiddle - React, Tailwind, and code Playground

HTML

<div class="slow">Transition в основном блоке</div>
<br>
<br>
<div class="fast">Transition в hover</div>

CSS

.slow {
  transition: 3s all ease-in;
}

.slow:hover {
  color: red;
}

.fast:hover {
  color: red;
  transition: 3s;
  border: 1px solid red;
}