JSFiddle - React, Tailwind, and code Playground

by NicoO

HTML

<div> 
    <span>Hover me</span>
    <span class="tooltip">Wait, where did this come from?</span>
</div>

CSS

div {
    width: 100px;
    height: 100px;
    margin: auto;
    background-color: gray;
}
div .tooltip {
    transition-delay: 1s;
    transition-property: opacity;
    opacity:0;
    visibility: hidden;
}
div:hover .tooltip {
    opacity:1;
    visibility: visible;
}