title
A prototype
div{ height: 1px; background:black; }
for (var i = 0; i < 300; i++) { let precision = 4 // amount of lines in each cycle let frequency = 3 // size of a cycle let minSpace = .5 // minimum amount of space between two lines (if less the line is hidden) let sin = Math.sin(i/precision) let d = document.createElement("div") let marginTop = (sin+1)*frequency if (marginTop >= minSpace) { d.style.marginTop = marginTop+"px" document.body.appendChild(d) } }
snap
save
new
fork
download
html
css
js
output
gallery
config
➚ link to output
➚ snap player
font size
live reload
snap mode
layout
⤷ switch
★ info and code