JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">This is a test link.</a>
<br><br>
<a href="http://www.soulmastery.net">This is another test link.</a>
<br><br>
<a href="http://www.google.com">This is a link you've probably visited.</a>

CSS

a {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

a:link {
    color: red;
}

a:visited {
    color: green;
}

a:hover {
    color: black;
    text-decoration: none;
}