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

Тип градиента

Угол (градусы)

Форма

Цветовые точки

CSS-вывод

Что такое CSS-градиент?

CSS-градиенты позволяют отображать плавные переходы между двумя или более цветами без использования файлов изображений. Существует три типа: linear-gradient (вдоль прямой линии), radial-gradient (расходящийся из центральной точки) и conic-gradient (вращающийся вокруг центральной точки). Градиенты используются для фонов, кнопок, наложений и декоративных элементов.

Как использовать генератор CSS-градиентов

Выберите готовый вариант из образцов или настройте собственный градиент.
Выберите тип градиента: linear, radial или conic.
Настройте угол (для linear/conic) или форму (для radial).
Редактируйте цветовые точки — меняйте цвета и позиции (0–100%).
Добавляйте или удаляйте цветовые точки по необходимости.
Скопируйте CSS и вставьте его в свою таблицу стилей.

Keywords: генератор CSS-градиента, линейный градиент, радиальный градиент, конический градиент, генератор CSS-фона, выбор цвета для градиента, инструмент CSS-градиент