JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">
this is my test
</div>

CSS

.test {
        transition: height 2s, ease-in;
        height: 400px;
        width: 600px;
        border: 1px solid red;
    }

        .test:hover{
            height: 1px;
        }