JSFiddle - React, Tailwind, and code Playground

by kazabr

HTML

<link href='http://fonts.googleapis.com/css?family=Open+Sans:600,700' rel='stylesheet' type='text/css'>

<a href="#" class="link">TRANSITION IT!</a>

CSS

.link {
    padding: 5px 15px;
    background: #9c3;
    text-decoration:none;
    color: #fff;
    font-size: 12pt;
    font-family: 'Open Sans', serif;
    border-radius: 4px;
    transition: all 0.3s ease;
}
.link:hover {
    background: #690;
    /*color: #444;*/
}