JSFiddle - React, Tailwind, and code Playground

by Beben Koben

HTML

<div class="messageBox">Hallooo...don't forget to come again yaaa \m/</div>

CSS

.messageBox {
background: #FFEBD6;
width:150px;
padding:10px;
border:1px solid #666;
position:fixed; 
right:5px;
top:5px;
z-index:999;
border-radius: 10px;
-webkit-border-radius: 10px; 
-moz-border-radius: 10px;

JavaScript

$(document).ready(function(){
setTimeout(function() {
$('.messageBox').fadeOut('fast');
}, 5000); // <-- time in milliseconds
});