JSFiddle - React, Tailwind, and code Playground

by duncan

HTML

<div class='something'>Something</div>

CSS

.something {
  background: blue;
  padding: 10px 0px;
  background-clip: context-box;
-webkit-transition: box-shadow 300ms;
-moz-transition: box-shadow 300ms;
-ms-transition: box-shadow 300ms;
-o-transition: box-shadow 300ms;
transition: box-shadow 300ms;

-webkit-transition: padding 300ms 400ms;
-moz-transition: padding 300ms 400ms;
-ms-transition: padding 300ms 400ms;
-o-transition: padding 300ms 400ms;
transition: padding 300ms 400ms;
}
.something:hover {
  box-shadow: 0px 0px 3px blue;
  padding: 0px;
  margin: 10px 0px;
    color:#fff
}