Генератор CSS-градиентов
Генератор CSS-градиентов позволяет настроить два цвета, угол и тип градиента (линейный или радиальный) и сразу получить готовый CSS-код для вставки в стили.
Как пользоваться инструментом «Генератор CSS-градиентов»
Выберите два цвета, тип градиента и угол наклона для линейного градиента — предпросмотр и CSS-код обновляются мгновенно, код можно скопировать одной кнопкой.
Частые вопросы
Чем отличается линейный градиент от радиального?
Линейный градиент переходит между цветами вдоль прямой под заданным углом, а радиальный расходится кругами от центра.
Можно ли использовать больше двух цветов?
Инструмент генерирует градиент из двух цветов; для трёх и более цветов возьмите готовый CSS-код и добавьте дополнительные цветовые точки вручную.
Работает ли готовый код во всех браузерах?
Синтаксис linear-gradient и radial-gradient поддерживается всеми современными браузерами без префиксов.