JSFiddle - React, Tailwind, and code Playground

HTML

<div id="redRectangle"></div>

CSS

#redRectangle {
    width: 300px;
    height: 300px;
    background-color: red;
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: ease;
    
    transform: scale(1);
}

    #redRectangle:hover {
        background-color: green;
        transform: scale(0.1) rotate(45deg);
    }