JSFiddle - React, Tailwind, and code Playground

by edelman

HTML

<p>Hover box for demo</p>
<div class="box"></div>

SCSS

/* prefixes omitted for brevity */
.box {
    height: 100px;
    width: 100px;
    background: red;
    box-shadow: red 0 0 5px 1px;
    transition: all 500ms ease;
    /*note: not transitioning width */
    transition-property: height, background, box-shadow;
    &:hover {
        height: 50px;
        width: 50px;
        box-shadow: blue 0 0 10px 3px;
        background: blue;
    }
}