JSFiddle - React, Tailwind, and code Playground

by Lena R

HTML

<div class = "make"><p>Make</p></div>
<div class = "your">Your Dreams</div>
<div class = "come">Come True</div>

CSS

.make, .your, .come {
  visibility: hidden;
}

JavaScript

function showMake() {
  document.querySelector('.make').style.visibility = "visible";
};
function showYour() {
  document.querySelector('.your').style.visibility = "visible";
};
function showCome() {
  document.querySelector('.come').style.visibility = "visible";
};


setTimeout(showMake, 1000);
setTimeout(showYour, 2000);
setTimeout(showCome, 3000);