Write HTML/CSS in the editor and replicate the given target image in the least code possible. What you write, renders as it is
The score is calculated based on the number of characters you use (the comments included :P) and how close you replicate the image. Read the FAQS (https://cssbattle.dev/faqs) for more info.
From Battle #1 - Pilot Battle:
From Battle #2 - Visibility:
From Battle #3 - Cursor:
From Battle #4 - Display:
From Battle #5 - Inline:
From Battle #6 - Conic:
From Battle #7 - Backface:
From Battle #8 - Transition:
From Battle #9 - Margin:
From Battle #10 - Block:
From Battle #11 - Overflow:
From Battle #12 - Blend:
From Battle #13 - Clip:
From Battle #14 - ZIndex:
From Battle #15 - Filter:
From Battle #16 - Aspect:
From Battle #17 - Christmas