JSFiddle - React, Tailwind, and code Playground

by jt3k

HTML

<div id='mask' style="
background:yellow;
position:fixed;
height:100%;
width:100%;
left:0;
top:0;
opacity:0;
"></div>
    <div class="modal" style="display:none">
        <h1>Заголовок</h1>
</div>

JavaScript

$('#mask').animate({opacity:0.6},888,function(){
    $('.modal').fadeIn().css('z-index','999');
});

//$('.modal').fadeTo(888,0.6);

//$('#three').