Генератор CSS-градиентов
Создайте линейный или радиальный градиент визуально с любым количеством цветовых точек, затем скопируйте CSS.
Цветовые точки
Частые вопросы
Могу ли я добавить больше двух цветов?
Да, нажимайте «Добавить точку цвета» сколько угодно раз. У каждой точки свой цвет и процент положения, так что можно создавать градиенты из нескольких цветов, а не только из двух оттенков.
В чём разница между линейным и радиальным градиентом?
Линейные градиенты переходят по прямой линии под заданным вами углом. Радиальные градиенты расходятся кругом от центральной точки, угол к ним не применяется.
Отправляется ли это куда-либо?
Нет, градиент создаётся и предпросматривается полностью в CSS-движке вашего браузера. Ничего не загружается.