Logo, не только, можно даже с градиентом
<script type="text/javascript">
window.onload = function(){
var i = 0;
(function(){
for(j=0; j<15; j++){
if(++i <= document.documentElement.clientHeight){
var element = document.createElement('div');
element.style.cssText = 'background: #'+0+j+j+j+j+j+'; top:'+i+'px; left:'+i+'px';
document.body.appendChild(element);
setTimeout(arguments.callee, 10);
}
}
})();
};
</script>
<style type="text/css">
body {background: red;}
div {
position: absolute;
color: white;
text-align: center;
width: 50px;
height: 50px;
}
</style>
<div></div>