Выбери цвета, тип и угол — получи готовый CSS-код для вставки в проект. Бесплатно, без регистрации.
Линейный градиент идёт по прямой линии под заданным углом. Радиальный — расходится от центра кругом или эллипсом. Конический — вращается вокруг центральной точки, как спектр цветового круга.
Инструмент генерирует готовое CSS-свойство background которое можно сразу вставить в стили. Поддерживаются все современные браузеры без префиксов.
Добавляй до 5 цветовых точек для сложных многоцветных градиентов. Каждая точка задаёт цвет и позицию в процентах. Удали лишние одним кликом.
background любого элемента. Например: div { background: linear-gradient(135deg, #3B82F6, #8B5CF6); }