JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <p>hello</p>
</body>

CSS

body{
        opacity: 0;
    background: red;
}

JavaScript

function dawn(){
	console.log('in dawn');

	$('body').animate({
      opacity: 1,
	  backgroundColor: '-webkit-gradient(linear,left top,left bottom,from(#b0c4ff),to(#6289ff)) fixed)'
	}, 2000, function(){});
}

dawn()