🎨 Pixels

Pixels — это легкий нативный веб-инструмент для рисования пиксель-арта и генерации CSS-кода с использованием свойства box-shadow.

Рисунок создается не картинкой (png/jpg), а одним HTML-элементом и математически рассчитанными тенями.

---

🚀 Преимущества box-shadow перед изображениями

Почему стоит использовать CSS вместо картинок для пиксель-арта?

1. Легковесность — код занимает байты, в то время как изображения могут весить килобайты.
2. Отсутствие HTTP-запросов — не нужно загружать внешний файл, браузер рендерит CSS мгновенно.
3. Бесконечная масштабируемость — пиксели остаются четкими при любом зуме (в отличие от растровых изображений, которые "мылятся").
4. Анимация — параметры теней можно менять через @keyframes, создавая живые анимации без использования спрайт-листов.

---

🎮 Управление

Интерфейс максимально упрощен для быстрой работы:

• ЛКМ (Левая кнопка мыши): Рисовать (поддерживается зажатие и протягивание).
• ПКМ (Правая кнопка мыши): Стирать (Ластик).
• Color Picker: Выбор цвета кисти.
• Clear All: Полная очистка холста.

---

🛠 Технологии

Проект написан на чистом (Vanilla) стеке, без использования библиотек и фреймворков:

• HTML5
• CSS3 (Grid Layout, CSS Variables)
• JavaScript (ES6+)

📦 Установка и запуск

1. Скачайте репозиторий.
2. Откройте файл index.html в любом современном браузере.
3. Рисуйте!