Untitled

dabblet.css

div{
    position: relative;
    display:block;
    padding:5px;
    margin:10px;
    border:1px solid #ccc;
    transition: 0s background-color;
    div {
    	position: absolute;
    	top: -5px;
    	left: 50%;
    	height: 3rem;
    	min-width: 6rem;
    	background-color: gray;
    	color: white;
    	opacity: 0;
    }
}
div:hover{
    background-color:red;    
    transition-delay:1s;
}

dabblet.html

<div>
	delayed hover
	<div>Stop the insanity</div>
</div>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}