JSFiddle - React, Tailwind, and code Playground

by lbstr

HTML

<p class="t">Coming in 2015.</p>

CSS

.t {
    color: white;
    text-align: center;
    position: absolute;
    top: 45%;
    width: 100%;
}

html, body { height: 100%; }

JavaScript

$(function(){
    var $body = $('body');
    var current = 255,
        hex;
    var interval = setInterval(function(){
        hex = current.toString(16);
        if (hex.length === 1) { hex = "0" + hex; }
        $body.css('background-color', '#' + hex + hex + hex);
        
        if (--current < 50) { clearInterval(interval); }
    }, 50);
});