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

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

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

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

Результат

Веб-дизайнер создаёт фон для главного экрана в стиле заката. Он выбирает линейный градиент под углом 135°, ставит оранжевую точку на 0%, розовую на 50% и фиолетовую на 100% — и вставляет CSS прямо в таблицу стилей.

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