Interactive game
Draw the image with code
CSS Battle is a coding game. You are given a target image, and your task is to reproduce it exactly using only HTML and CSS. Your result is compared to the target pixel by pixel.
Pixel-perfectLive result
LIVE DEMO
Which code makes the box match the target?
border-radius: 6px;
Correct! 100% match.
Shapes
Click on a number and start the battle. The goal: 100% match with as little code as possible.
1
Shape
Code
COMPARE
Result
Original design
—
Last result
—
Best
TARGET