Интерактивная игра
Нарисуйте картинку кодом
CSS Battle — это игра по написанию кода. Вам даётся целевая картинка, а задача — точно воссоздать её только с помощью HTML и CSS. Ваш результат сравнивается с целью попиксельно.
Пиксель в пиксельЖивой результат
ЖИВОЕ ДЕМО
Какой код сделает квадрат похожим на цель?
border-radius: 6px;
Верно! 100% совпадение.
Фигуры
Нажмите на порядковый номер и начните битву. Цель — 100% совпадение как можно меньшим количеством кода.
1
Фигура
Код
СРАВНЕНИЕ
Результат
Оригинал
—
Последний результат
—
Лучший
ОБРАЗЕЦ