JSFiddle - React, Tailwind, and code Playground

by qunzorez

HTML

<div id="fade-wrapper"></div>
<input class="button" type="button" value="click me" />

CSS

#fade-wrapper {
    display: none;
    position: fixed;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, 0.5);
}

JavaScript

$(document).ready(function(){
    $('.button').click(function(){
        $('#fade-wrapper').fadeIn();
    });
    $('#fade-wrapper').click(function(){
        $(this).fadeOut();
    });
});