JSFiddle - React, Tailwind, and code Playground

by Malik Naik

HTML

<div id="coin7" style=""> 
  <img src="http://us.cdn4.123rf.com/168nwm/kristijanzontar/kristijanzontar1101/kristijanzontar110100013/8612198-.jpg" /> 
  </div>

CSS

#coin7 {
          overflow: hidden; display: block; height: 0px;
            -moz-transition: all 3s ease-in-out;
            -webkit-transition: all 3s ease-in-out;
            -o-transition: all 3s ease-in-out;
            -ms-transition: all 3s ease-in-out;
            transition: all 3s ease-in-out;
            }

JavaScript

(function step() {
    setTimeout(function() {
        var coin7 = document.getElementById('coin7');
        coin7.style.display = 'block';
        coin7.style.height = "210px";
    }, 2000)
               
    setTimeout(function(){
        coin7.style.height = "0px";
    },6000);
    setTimeout(step, 7000)
})();