JSFiddle - React, Tailwind, and code Playground

HTML

<div>This is just a test</div>

CSS

@-webkit-keyframes waitandhide {
    from { opacity:0; }
    to { opacity:0; }
}
@-webkit-keyframes show {
    from { opacity:0; }
    to { opacity:1; }
}
@-moz-keyframes waitandhide {
    from { opacity:0; }
    to { opacity:0; }
}
@-moz-keyframes show {
    from { opacity:0; }
    to { opacity:1; }
}
div {
    opacity:1;
    -webkit-animation: waitandhide 5s 0s, show 2s 5s;
    -moz-animation: waitandhide 5s 0s, show 2s 5s;
}