Генератор CSS-градиентов

Создавайте линейные и радиальные CSS-градиенты с визуальным редактором. Копируйте готовый CSS-код.

Controls
Preview
Preview
CSS Code
/* Select controls above */

Часто задаваемые вопросы

Что такое CSS-градиент?

CSS-градиент создаёт плавный переход между двумя или более цветами с помощью свойства background, без необходимости использования файла изображения.

Что такое параметр угла?

Угол управляет направлением линейного градиента. 0deg — снизу вверх, 90deg — слева направо, 180deg — сверху вниз.

Можно ли использовать более двух цветов?

Да, CSS-градиенты поддерживают несколько цветовых точек. Этот генератор использует два цвета, но вы можете добавить больше вручную в полученный код.