JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test"> Loading </div>

CSS

#test {
    margin-top: 25px;
    font-size: 21px;
    text-align: center;
    animation: fadeout 7s;
    -moz-animation: fadeout 7s; /* Firefox */
    -webkit-animation: fadeout 7s; /* Safari and Chrome */
    -o-animation: fadeout 7s; /* Opera */
}
@keyframes fadeout {
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-moz-keyframes fadeout { /* Firefox */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-webkit-keyframes fadeout { /* Safari and Chrome */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-o-keyframes fadeout { /* Opera */
    from {
        opacity:1;
    }
    to {
        opacity: 0;
    }
}