JSFiddle - React, Tailwind, and code Playground
HTML
<div id="0"></div>
<div id="1"></div>
<div id="2"></div>
<div id="3"></div>
<div id="4"></div>
<div id="5"></div>
<div id="6"></div>
<div id="7"></div>
<div id="8"></div>
<div id="9"></div>
CSS
div {
font-size: 0px;
transition: font-size 0.3s;
}
div.loaded {
font-size: 14px;
}
JavaScript
var row = 0;
var stop = setInterval(function () {
var elm = document.getElementById(row);
if (elm) {
elm.className = 'loaded';
elm.innerHTML = 'Row ' + row++;
} else {
clearInterval(stop);
}
}, 300);