🎨 Gradient House - Конструктор CSS-градиентов

Описание

Полнофункциональное веб-приложение для создания и управления сложными многослойными CSS-градиентами. Позволяет работать с несколькими типами градиентов одновременно, комбинировать их с различными режимами наложения и получать готовый CSS-код.

Особенности

✅ Поддержка всех типов CSS-градиентов:

• Linear Gradient
• Radial Gradient
• Conic Gradient
• Repeating Linear
• Repeating Radial
• Repeating Conic

✅ Многослойные градиенты (Stacked Gradients)

• Добавление, удаление, переупорядочивание слоёв
• Предпросмотр каждого слоя
• Управление порядком (передний/задний план)

✅ Полный контроль параметров:

• Углы поворота (0-360°)
• Позиции центра (для radial и conic)
• Цветовые стопы (неограниченное количество)
• Прозрачность (opacity)
• Режимы наложения (blend-modes): normal, multiply, overlay, screen, и другие

✅ Live-Preview

• Реальное обновление превью при каждом изменении
• Опциональная сетка для ориентации

✅ Готовый CSS-код

• Автоматическое генерирование CSS
• Одна кнопка для копирования в буфер обмена
• Форматированный вывод

✅ Предустановки (Presets)

• Арктическое сияние
• Космическая туманность
• Поток лавы
• Королевский пурпур
• Фишка
• Ядро туманности
• Акварель
• Мишень
• Темный паттерн
• Бумажный шум
• Генеративная текстура
• Псевдо-жидкий металл
• Фрактальный техно-паттерн
• Абстрактные пятна
• Эллипс со смещённым центром
• Глубокий тёмный градиент