- var n = 0;
while ++n < 200
div
View Compiled
div {
display: inline-block;
padding: 2em;
margin: .2em;
background: deeppink;
border-radius: var(--tl, 0) var(--tr, 0) var(--br, 0) var(--bl, 0)
}
div:nth-child(2n) { --tl: 4em; }
div:nth-child(3n) { --tr: 4em; }
div:nth-child(5n) { --br: 4em; }
div:nth-child(7n) { --bl: 4em; }
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.