Värvitäide

by taneleero

CSS

html, body {
    margin:0;
    padding:0;
    height:100%;
    width:100%;
}
body {
    overflow:hidden;
}
.loader {
    height:120px;
    width:100%;
    margin-top:-30px;
}
.cur {
    display:none;
}
}

JavaScript

loader();

function loader() {
    var color = Math.round(Math.random() * 255) + ',' + Math.round(Math.random() * 255) + ',' + Math.round(Math.random() * 255) + ',' + Math.round(Math.random() * 100) / 100;
    $('body').append('<div class="cur loader"></div>');
    $('.cur').css('background', 'rgba(' + color + ')').slideDown(100, 'linear', function () {
        if ($(this).offset().top < $(window).height()) {
            $(this).removeClass('cur');
            loader();
        }
    });
}