JSFiddle - React, Tailwind, and code Playground

by Praveen Kumar Purushothaman

HTML

<div id="welcome">Hello, Vennila!!! :)</div>

CSS

#welcome {font-size: 2em; font-family: 'Segoe UI'; border: 1px solid #999; background: #ccc; padding: 10px; line-height: 2; text-align: center; border-radius: 10px; position: relative;}

JavaScript

$(document).ready(function(){
    $("#welcome").hide().delay(1000).fadeIn(1000, function(){
        $(this).animate({
            'left': '-99em'
        }, 2500);
    });
});