JSFiddle - React, Tailwind, and code Playground

HTML

<div>This will rise after hover but sink after a one second delay of hover out.</div><span>This starts on top.</span>

CSS

div {
    margin-left:0;
    -webkit-transition-property: z-index;
    -webkit-transition-duration: 0;
    -webkit-transition-delay:1s;
    background:#f00;
    position:absolute;
    z-index:0;
    width:200px;
    height:120px;
}

div:hover{
    z-index:7;
    -webkit-transition-delay:0s;
}

span{
    position:absolute;
    z-index:5;
    left:20px;
    top:90px;
    background:#55f;
}