JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box">
    <div></div>
    Hallo Welt!
    <div></div>
</div>

CSS

#box {
    background-color:red;
    -webkit-transition-property:background-color, color;
    -webkit-transition-duration:2s;
    -webkit-transition-delay:0s, 4s;
    text-align:center;
    padding:10px;  
    color:red;    
}
#box:hover {
    background-color:blue;
    color:yellow;
}