JSFiddle - React, Tailwind, and code Playground

by 25058214

HTML

<div id="tip">Life is short...</div>

CSS

#tip {
    padding: 20px;
    border: 2px solid red;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity:0;
}

JavaScript

$('#tip')
      .delay(1000)
      .queue( function(next){ 
        $(this).css("opacity", "1"); 
        next(); 
      });