JSFiddle - React, Tailwind, and code Playground

by envira

HTML

<div class="small">Design By <a href="http://myskins.org">MySkins Studio</a></div>

CSS

.small {
margin-top: 2em;
display: block;
color: #124BA7;
}

.small a {
text-decoration: none;
color: inherit;
position: relative; 
}

.small a:after {
width: 0%;
background-color: #124BA7;
height: 2px;
position: absolute;
bottom: -3px;
left: 0px;
content: "";
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
transition: all 400ms; }

.small a:hover:after {
 width: 100%; 
}