back to battles

Battle #170 — Party Hat

652.03{214}·100% match
targetAUG 20
Party Hat
techniques
multi-element
margin positioning
clip-path
css vars
view on cssbattle.dev
golf code — would get you fired in a real codebase{214} chars
solution.css
<p><p><p><style>&{background:#73C6EA}p{height:var(--h,180);margin:var(--t,60)67-240;background:var(--b,#0D1335);clip-path:polygon(50%0%,0%100%,100%100%);+p{--t:100;--h:140;--b:#DC6638;+p{--t:140;--b:#FBFAE2;--h:100