JSFiddle - React, Tailwind, and code Playground

by Mike Gleeson

HTML

<div>
</div>
<span style='position:relative; top:-250px; left:250px;'>MOUSE OVER HERE!</span>

CSS

div {
    opacity: 0;
    background:black;
    width:100%;
    height:100%;
    min-width:500px;
    min-height:500px;
    color: black;
}

div:hover {
    opacity: 1;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}