JSFiddle - React, Tailwind, and code Playground

by Chris LaFrombois

HTML

<a>Test</a>

CSS

a {
display: block;
width:100px;
height:50px;
line-height:3em;
font-size:16px;
background:#333333;
padding-bottom:20px;
text-align:center;
color:#FFF;
font-family:Helvetica;
opacity: .5;
-moz-opacity: .5;
transition: top 1s;
-moz-transition: margin .2s, background .1s, opacity .1s, height .2s;
}

a:hover {
background:#CC0000;
margin-top:-15px;
opacity: 1;
transition: top 1s;
-moz-transition: margin .2s, background .1s, opacity .1s, height .2s;
height:75px;
}