JSFiddle - React, Tailwind, and code Playground

by cchana

HTML

<a href="/internalLink" onclick="return false;">internal link</a>
<a href="http://www.google.com" onclick="return false;">external link</a>

CSS

a {
    border-bottom: 1px solid black;
    color: black;
    text-decoration: none;
    transition: color 0.5s, border-color 0.5s;
    -moz-transition: color 0.5s, border-color 0.5s;
    -webkit-transition: color 0.5s, border-color 0.5s;
    -o-transition: color 0.5s, border-color 0.5s;
}
a:hover {
    border-color: red;
    color: red;
}