codepens/one-hundred-rules

One Hundred Rules

A Pen created on CodePen.io. Original URL: https://codepen.io/darthmall/pen/abNxMmQ.

A generative design created using only <hr> elements and pseudo-elements.

For the <hr> elements I restricted myself to styling only the border and the width, since that is the essential aspect of the element's presentation. One could, of course, give the element a height and use background colors and images, but at that point you might as well use a <div>, since the element serves no semantic purpose here. I imposed no such constraints on the pseudo-elements.

Who says CSS isn't a programming language?