JSFiddle - React, Tailwind, and code Playground

by shapeshifta

CSS

div {background:#000;height:10px}

JavaScript

var frequency = 0.3,
    frag = document.createDocumentFragment(),
    pos = 40;

for (var i = 0; i < 32; ++i){
    var div = document.createElement("div");
    div.style.position = 'absolute';
    div.style.left = pos + Math.floor(Math.sin(frequency * i)) + 'px';
    div.style.width = Math.abs(Math.sin(frequency * i) * 100) + 'px';
    div.style.top = i * 10 + 'px';
    frag.appendChild( div );
}


document.body.appendChild(frag);