JSFiddle - React, Tailwind, and code Playground

by holden321

HTML

<div></div>

CSS

div {
    position:relative;
    width:140px;
    height:140px;
    border:4px solid blue;
    border-radius:74px;
    /*background-image:url(http://goo.gl/ecnU1t);
    -webkit-background-size: cover;*/
    background-color:rgba(0,0,0,0.1);
    -webkit-transition:border-radius 0.3s,background-color 0.3s;
    transition:border-radius 0.3s,background-color 0.3s;
    box-shadow:4px 4px 4px 0px gray,4px 4px 4px 0px gray inset;
}
div:hover {
    border-radius:8px;
    background-color:rgba(0,0,0,0);
    -webkit-transition:border-radius 0.3s,background-color 0.3s;
    transition:border-radius 0.3s,background-color 0.3s;
}