JSFiddle - React, Tailwind, and code Playground

by Soviut

HTML

<a href="#">Roll Over</a>
<a href="#">Roll Over</a>
<a href="#">Roll Over</a>

CSS

a {
    display: inline-block;
    padding: 10px 20px;
    
    font-family: arial, helvetica, san-serif;
    text-decoration: none;
    background: #FF99CC;
    color: white;
    
    -webkit-transition: background 0.5s ease-in-out;
}

a:hover {
    background: #336699;
}