JSFiddle - React, Tailwind, and code Playground

by Victor

JavaScript

let body = document.querySelector('body');
let baseSize = 16;
let count = document.documentElement.clientHeight / baseSize;
let beetElm = document.createElement('div');
beetElm.style.background = "blue";
beetElm.style.height = baseSize + "px";
beetElm.style.width = "100%";
beetElm.style.display = "block";
beetElm.style.position = "absolute";
beetElm.style.top = "0";
beetElm.style.left = "0";
beetElm.style.opacity= "0.5";
beetElm.style.boxShadow = "0 " + (baseSize * 2) + "px" + " 0 red";
for(var i = 0; i < count ; i++){
  beetElm.style.boxShadow = beetElm.style.boxShadow + ",0 " + (baseSize * (i * 2)) + "px" + " 0 red";
}
body.appendChild(beetElm);