JSFiddle - React, Tailwind, and code Playground

by p4bl1t0

HTML

<body>
    <div>Contenido del sitio contenido del sitio. Contenido del sitio contenido del sitio. Contenido del sitio contenido del sitio. Contenido del sitio contenido del sitio. Contenido del sitio contenido del sitio. Contenido del sitio contenido del sitio. Contenido del sitio contenido del sitio. Contenido del sitio contenido del sitio. Contenido del sitio contenido del sitio. Contenido del sitio contenido del sitio. Contenido del sitio contenido del sitio. Contenido del sitio contenido del sitio. Contenido del sitio contenido del sitio. Contenido del sitio contenido del sitio. Contenido del sitio contenido del sitio. Contenido del sitio contenido del sitio. Contenido del sitio contenido del sitio. Contenido del sitio contenido del sitio. Contenido del sitio contenido del sitio. </div>
</body>
<script src="https://raw.github.com/jquery/jquery-color/master/jquery.color.js"></script>

CSS

html, body{
    width:100%;
    height:100%;
    
}

JavaScript

function f2(){
    $('div').html($('div').html() + "f2");
    $("body").animate({backgroundColor: "#FFFFFF"}, 3000, "linear", f1);
}
function f1(){
    $('div').html($('div').html() + "f1");
    $("body").animate({ backgroundColor: "#999999"}, 3000, "linear", f2);
}

f1();