JSFiddle - React, Tailwind, and code Playground

by NickU

HTML

<div class=showWithDelay>
  DIV
</div>

CSS

.showWithDelay
{
    opacity: 0;
    animation: fadeIn 2s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}

@keyframes fadeIn
{
    from
    {
        opacity: 0;
    }

    to
    {
        opacity: 1;
    }
}