JSFiddle - React, Tailwind, and code Playground
HTML
<div class="choice"></div>
<div class="choice"></div>
<div class="choice"></div>
CSS
body{
background-color:#000;
padding:35px;
}
.choice{
float:left;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
height:300px;
width:100px;
border: solid 1px;
border-color: rgba(255, 255, 255, 0.5);
background: #012129; /* Old browsers */
background: -moz-linear-gradient(top, #012129 0%, #012129 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#012129), color-stop(100%,#012129)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #012129 0%,#012129 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #012129 0%,#012129 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #012129 0%,#012129 100%); /* IE10+ */
background: linear-gradient(to bottom, #012129 0%,#012129 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012129', endColorstr='#012129',GradientType=0 ); /* IE6-9 */
display:block;
}
.choice:hover{
background: #014043; /* Old browsers */
background: -moz-linear-gradient(top, #014043 0%, #056173 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#014043), color-stop(99%,#056173)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #014043 0%,#056173 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #014043 0%,#056173 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #014043 0%,#056173 99%); /* IE10+ */
background: linear-gradient(to bottom, #014043 0%,#056173 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014043', endColorstr='#056173',GradientType=0 ); /* IE6-9 */
filter:progid:DXImageTransform.Microsoft.Glow(Color=white,Strength=35);
-webkit-box-shadow: inset 0 0 30px #fff, 0 0 30px #fff;
-moz-box-shadow: inset 0 0 30px #fff, 0 0 30px #fff;
box-shadow: inset 0 0 30px #44bbd1, 0 0 30px...