JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="background"></div>
    <div id="text">Sample text</div>
</div>

CSS

#container {
    position: relative;
}

#background {
  
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#text {
    opacity: 0;
    position: relative;
}

JavaScript

$(document).ready(function() {
    $('#text').animate({
        'opacity': '1.0',
        'font-size': '3em'
    }, 2000);
});