JSFiddle - React, Tailwind, and code Playground

by Mikel

HTML

<input id="content-visible" type="checkbox">
<div id="content">
    <label for="content-visible"></label>
    Esto es el contenido
</div>

CSS

#content-visible{
    display: none;
}
#content-visible:checked + #content{
    display: none;
}
#content{
    width: 500px;
    height: 200px;
    background-color: #000;
    position: relative;
    color: #fff;
    transition: all 0.5s ease;
}
#content label{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    opacity: 0;
}