JSFiddle - React, Tailwind, and code Playground

HTML

<div class="n"></div>

CSS

.n {
    background: #0F0;
    display: none;
    opacity:1;
    height:100px;
    width:100px;
    transition: linear all 2s;
}

JavaScript

// Uncomment line 3 or 6 to see the different effects

//$('.n').css('display', 'block'); 

setTimeout(function() {
    //$('.n').css('display', 'block'); 
    $('.n').css('opacity', 0);
    setTimeout(function() {
        $('.n').css('opacity', 1);
    }, 2000);
}, 0);