GEN-09Генераторы
Генератор CSS-градиентов
Линейный градиент с готовым CSS
GEN-09Результат
Данные не покидают ваше устройство: инструмент работает локально в браузере.
Генератор CSS-градиентов
Подберите два цвета и направление — инструмент покажет живой предпросмотр и готовую CSS-строку linear-gradient, которую можно сразу вставить в стили.
Частые вопросы
Какие браузеры поддерживают linear-gradient?
Все современные браузеры, включая мобильные — без префиксов.
Можно ли сделать градиент из трёх цветов?
Да, в CSS достаточно перечислить больше цветов через запятую — добавьте третий вручную в готовую строку.