back to battles

Battle #240 — Snapshot

609.63{391}·100% match
targetAUG 27
Snapshot
techniques
multi-element
repeating gradient
conic
linear
margin positioning
border-radius
border
view on cssbattle.dev
golf code — would get you fired in a real codebase{391} chars
solution.css
<p a><p b><p c><style>&{background:#558C90}[a]{margin:50 102-170;height:200;background:linear-gradient(#0000 5ch,#325853 0)0 5pc;border-radius:5ch}[b]{height:60;border:solid#F4DA64;border-width:10 20 10 20;margin:30 142;background:repeating-conic-gradient(at 5vw 5vw,#558C90 0 25%,#325853 0 50%)0 0/5ch 5ch}[c]{height:200;background:linear-gradient(#0000 5vw,#558C90 0)0 90px;margin:-170 182