Генератор CSS-градиентов
Соберите линейный или радиальный градиент визуально — выберите цвета, перетащите точки, задайте угол и скопируйте CSS. Живой предпросмотр, ничего не загружается.
Тип градиента
Угол90°
Опорные цвета
CSS
Всё работает в браузере. Без загрузки на сервер и без регистрации.
Как это работает
ШАГ 1
Выберите цвета
Задайте минимум два опорных цвета и положение каждого вдоль градиента.
ШАГ 2
Настройте форму
Переключайтесь между линейным и радиальным и задавайте угол для линейного.
ШАГ 3
Скопируйте CSS
Смотрите живой предпросмотр и копируйте готовый CSS одним кликом. Всё приватно.