JSFiddle - React, Tailwind, and code Playground

HTML

<div></div> If you hover the box, border and transform rotate() transitions last 1s because i set all to 1s. The background needs 5 seconds and the height has actually a transition, too, but 1ms is so fast that you can't see it.

CSS

div {
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 30px;
    background: blue;
    border: 10px solid orange;
    transform: rotate(-5deg);
    transition: all 1s, background 5s, height 1ms;
}

div:hover {
    height: 200px;
    background: red;
    border: 10px solid green;
    transform: rotate(5deg);
}