Что такое Генератор градиентов?

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

Как использовать

1. Шаг 1 — Выберите тип градиента (линейный, радиальный или конический) и задайте направление или угол с помощью слайдера или кнопок предустановок.
2. Шаг 2 — Добавляйте точки цвета, кликая по градиентной полосе. Настраивайте цвет и позицию каждой точки перетаскиванием или вводом точных значений.
3. Шаг 3 — Посмотрите живой предпросмотр градиента, затем скопируйте сгенерированный CSS в буфер обмена или скачайте его как CSS-файл.

Результат

Допустим, вам нужен фон главного экрана в стиле заката. Выберите линейный градиент 135°, поставьте оранжевый на 0%, розовый на 50% и фиолетовый на 100%, затем скопируйте CSS в таблицу стилей.

Похожие инструменты