JSFiddle - React, Tailwind, and code Playground

by LyndseyB

HTML

<div id="welcome"> Welcome to my webpage! </div>

JavaScript

$(function() {   
    el = $('#welcome');
    el.hide().fadeIn('slow'); //hide it when the page loads then fade it in slowly. options: slow|fast|numeric
    setTimeout(function() {               
       el.fadeOut('slow'); //simple fade out after 1 second (according to setTimeout value)
       //el.hide('clip', 200); //clip animation
       //el.hide('pulsate');
    }, 1000); //fade out after 1 second, up this if you want!
});