JSFiddle - React, Tailwind, and code Playground

by thecodeparadox

HTML

<div id="container">
<div class="errmsg">
    OOps!! You have an error!!!!
</div>
    
</div>

CSS

#container {
    position: absolute;
}
.errmsg {
    width: 400px;
    height: 100px;
    position: absolute;
    z-index: 1000;
    background: #f00;
    color: #fff;
    padding: 10px;
    top: 0;
    left: 50%;
    margin-left: -100px;
    display: none;
    text-align: center;
}

JavaScript

$(function() {
    setTimeout(function() {
        $('.errmsg').slideDown(3000);
    },2000);
});