back to battles

Battle #231 — Crosshair

637.63{248}·100% match
targetJUL 25
Crosshair
approach
multi-element
radial
transform
margin positioning
clip-path
view on cssbattle.dev
golf code — would get you fired in a real codebase{248} chars
solution.css
<p><p><p><p><style>&{background:radial-gradient(1q,#CF6939 5ch,#2F434E)}p{margin:35 162-95;height:60;background:#F8B140;clip-path:circle(64%at 50%64%);+p{translate:0 170px;scale:-1;+p{translate:-85px 85px;rotate:90deg;+p{translate:85px 85px;scale:1