back to battles

Battle #262 — Pinwheel

647.30{224}·100% match
targetJUN 29
Pinwheel
techniques
multi-element
repeating gradient
linear
margin positioning
border-radius
view on cssbattle.dev
golf code — would get you fired in a real codebase{224} chars
solution.css
<p><p><style>&{background:#243D83;*{background:#fff;border-radius:2in;margin:40 100 60}p{background:repeating-linear-gradient(90deg,#6592CF 0 5vw,#243D83 0 5ch);height:120;margin:0 0-20 100;border-radius:0;+p{translate:-25vw