Edit in JSFiddle

for(var i = 1; i < 11; i++) {
	if(i !== 10)
		$('body').append('<div class="block" style="background-color: rgba(255, 255, 255, 0.'+ i +')">0.'+ i +'</div>');
	else 
  	$('body').append('<div class="block" style="background-color: rgba(255, 255, 255, 1)">1</div>');
}

body {
  background: url('https://images.unsplash.com/photo-1445754574409-bcd715e18017?crop=entropy&fit=crop&fm=jpg&h=725&ixjsv=2.1.0&ixlib=rb-0.3.5&q=80&w=1325');
}

.block {
    width: 100px;
    height: 100px;
    display: inline-block;
    margin: 10px;
    line-height: 100px;
    text-align: center;
    font-size: 27pt;
    font-family: Verdana, Tahoma, sans-serif;
}