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

Проектируйте линейные, радиальные и конические градиенты с перетаскиваемыми стопами — копируйте готовый к продакшену CSS.

ДизайнLOCAL

Предпросмотр

Параметры

Тип

Угол

deg

Пресеты

Стопы

Тяните маркер, чтобы переместить стоп; кликните по полосе, чтобы добавить новый. Стрелки сдвигают на 1%, Shift+стрелки — на 10%, Delete удаляет выбранный стоп.

%
Непрозрачность100%
%
Непрозрачность100%

ТипЛинейный

Стопы2

Угол90°

Размер CSS61 B

Результат

background: linear-gradient(90deg, #8b5cf6 0%, #ec4899 100%);