PixelPerfect

Write CSS that matches the target image. The puzzle is solved when your CSS is 100% pixel perfect.

PixelPerfect uses HTML2Canvas to render HTML/CSS to an image. Please check the list of supported CSS properties.

Puzzle 0
Puzzle 1
Puzzle 2
Puzzle 3
Puzzle 4
Puzzle 5
Puzzle 6
Puzzle 7
HTML
<div class="square"></div>
CSS
targetCreated with Sketch.Target
magnifying-glassCreated with Sketch.Result
diffCreated with Sketch.Difference
50.0%