JSFiddle - React, Tailwind, and code Playground

HTML

<div class="first"><a href="#">transition dla a</a></div>

<div class="second"><a href="#">transition dla a:hover</a></div>

CSS

a:hover { color: red; }

.first a { transition: 1s ease-in-out; }
.second a:hover { transition: 1s ease-in-out; }