JSFiddle - React, Tailwind, and code Playground
HTML
<div id="foo" class="hidden">Hello!</div>
CSS
div {
padding: 30px;
-webkit-transition: opacity 1s linear;
}
.hidden {
opacity: 0;
}
JavaScript
setTimeout(function() {
document.getElementById('foo').className = '';
}, 1000);