JSFiddle - React, Tailwind, and code Playground

HTML

<div id="banana">toto</div>
<a href="#banana">Do you want a banana? Click me!</a>

CSS

div#banana {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    transition: opacity 5s linear 1s;
    visibility: hidden;
}

div#banana:target {
    opacity: 1;
    visibility: visible;
}