JSFiddle - React, Tailwind, and code Playground

HTML

<a id="test" href="#test">Hello</a>

CSS

a {
    padding: 30px 50px;
    color: #FFF;
    background: red;
    -webkit-transition: all 1s linear;            
}
a:hover {
     background:green;   
}
a:target{
     -webkit-transition: none;  
    background: blue; 
}