Skip to content

ivanstrilets/gradient-house

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🎨 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)

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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors