JSFiddle - React, Tailwind, and code Playground
by Victor
HTML
<div class="stage"></div>
CSS
.stage {
position:absolute;
top:0;
/* float:left; */
left:0;
width:100%;
height:100%;
overflow:hidden;
}
.block {
width:10%;
height:10%;
/* background:#212121; */
float:left;
/* border:1px solid black; */
background: url(http://www.lorempixel.com/900/900/) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
JavaScript
// $('.stage').append('<div class="block"></div>');
// var block =('.block').clone();
var i = 0 ;
var mainInterval = setInterval(function(){
i++;
if (i == 100){
clearInterval(mainInterval);
}
$('.stage').append('<div class="block"></div>');
}, 100);