JSFiddle - React, Tailwind, and code Playground

HTML

<div  class="red">
    Tea coffee and snacks
</div>

CSS

div.red {
    position:absolute;
    background-color:darkgray;
    padding:5px;
    cursor:pointer;
    width:140px;
    height:20px;
    transition: width 1s, height 1s;
}
div.red:hover {
    width:280px;
    height:40px;
}

JavaScript

/*$('div.red').hover(function() {
    $(this).animate({
    width: '+=50',
    height: '+=50'
    }, 200)
},
function() {
    $(this).animate({
        width: '-=50',
        height: '-=50'
    }, 200)
});*/