JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div {
    background:red;
    height: 10em;
    left: 0;
    opacity: 1;
    position: relative;
    width: 10em;
    transition-duration: 2s, 5s;
    transition-property: all, left;
}

div:hover {
    height: 5em;
    left: 4em;
    opacity: .5;
    width: 5em;
}