back to battles

Battle #17 — Fidget Spinner

625.95{287}·100% match
targetJUL 12
Fidget Spinner
approach
multi-element
radial
border-radius
box-shadow
transform
margin positioning
css vars
view on cssbattle.dev
golf code — would get you fired in a real codebase{287} chars
solution.css
<p><p><p><p><style>&{background:radial-gradient(1q,#E78481 5ch,#09042A 0)}p{margin:67 162-127 162;height:60;background:var(--b,#F5BB9C);border-radius:9in;box-shadow:0 0 0 10px;color:var(--c,#09042A);+p{translate:0 112q;+p{translate:60px 56q;--c:#E78481;--b:#09042A;+p{translate:-60px 56q