Генератор CSS-градієнтів

Створюйте красиві CSS градієнти з живим попереднім переглядом та генерацією коду

Кольорові Зупинки

#ff6b6b
#4ecdc4

Живий Попередній Перегляд

CSS Код

background: linear-gradient(45deg, #ff6b6b 0%, #4ecdc4 100%);
Додаткові Опції

Історія

1 / 1
Передустановки
Історія
Градієнти: 1

Поради

Лінійні градієнти переходять від кольору до кольору по прямій лінії. Ідеальні для тонких фонів та сучасних дизайнів.

Генератор CSS-градієнтів

Створюйте красиві CSS градієнти з живим попереднім переглядом та генерацією коду

Як використовувати

  1. Виберіть тип градієнта (лінійний, радіальний або конічний)
  2. Виберіть напрямок або кут для вашого градієнта
  3. Додайте кольорові зупинки, натиснувши 'Додати Колір'
  4. Налаштуйте кольори, використовуючи селектор кольору для кожної зупинки
  5. Позиціонуйте кольорові зупинки за допомогою повзунка (0-100%)
  6. Попередній перегляд вашого градієнта в реальному часі
  7. Скопіюйте згенерований CSS код для використання у вашому проекті